使用 Angular 垫 table 突出显示列
Column highlight with Angular mat table
我想突出显示我的排序列以获得更好的 UI 体验，但我的问题是：mat-table 仅在 header 上触发 classes table.
Mat table 是这样工作的：
您单击 header 单元格对 table 进行排序，mat-sort-header-sorted class 被添加到 div.mat-sort-container。问题是：这个 div 是 div.mat-header-cell 的 child，而且只有这个。
Angular mat-table 不会在同一列的其他单元格中添加任何内容，这在您想要对整个列进行样式化时很烦人。
那么，有没有办法用 Angular mat table 突出显示整个列？
你有一个
的"propertie"
@ViewChild(MatSort, {static: true}) sort: MatSort;
"active"，所以，你可以，例如写
<td [style.background-color]="sort?.active=='id'?'red':null"..>
我想突出显示我的排序列以获得更好的 UI 体验，但我的问题是：mat-table 仅在 header 上触发 classes table.
Mat table 是这样工作的：
您单击 header 单元格对 table 进行排序，mat-sort-header-sorted class 被添加到 div.mat-sort-container。问题是：这个 div 是 div.mat-header-cell 的 child，而且只有这个。
Angular mat-table 不会在同一列的其他单元格中添加任何内容，这在您想要对整个列进行样式化时很烦人。
那么，有没有办法用 Angular mat table 突出显示整个列？
你有一个
的"propertie"@ViewChild(MatSort, {static: true}) sort: MatSort;
"active"，所以，你可以，例如写
<td [style.background-color]="sort?.active=='id'?'red':null"..>