Merge pull request #2707 from Akshat55/table-header-skeleton

fix: Hide table header column data when in skeleton state
carbon-design-system · Oct 6, 2023 · 6b50b7d · 6b50b7d
2 parents c0ff28e + 19081de
commit 6b50b7d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/table/head/table-head-cell.component.ts b/src/table/head/table-head-cell.component.ts
@@ -68,7 +68,11 @@ import { TableHeaderItem } from "../table-header-item.class";
 		<div
 			class="cds--table-header-label"
 			*ngIf="!skeleton && this.sort.observers.length === 0 || (this.sort.observers.length > 0 && !column.sortable) || !sortable">
-			<span *ngIf="!column.template" [title]="column.data">{{column.data}}</span>
+			<span *ngIf="!column.template" [title]="column.data">
+				<ng-container *ngIf="!skeleton">
+					{{column.data}}
+				</ng-container>
+			</span>
 			<ng-template
 				[ngTemplateOutlet]="column.template" [ngTemplateOutletContext]="{data: column.data}">
 			</ng-template>

diff --git a/src/table/head/table-head.component.ts b/src/table/head/table-head.component.ts
@@ -64,7 +64,6 @@ import { TableRowSize } from "../table.types";
 					[skeleton]="skeleton"
 					[id]="model.getId(i)"
 					[column]="column"
-					[skeleton]="skeleton"
 					[filterTitle]="getFilterTitle()"
 					[attr.colspan]="column.colSpan"
 					[attr.rowspan]="column.rowSpan"