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

fix: Hide table header column data when in skeleton state

Author: zvonimirfras

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>

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"