angula 5材料奇偶列表按类别识别

Question

我正在使用角度材质data table以及如何添加奇数偶数类。

Answer 1

您可以尝试使用css给出此解决方案。

.mat-row:nth-child(even){
background-color:#fff;
}

.mat-row:nth-child(odd){
background-color:#ccc;
}

Answer 2

在你的define isEven和isOdd中使用类属性。

以下示例代码

<tr mat-row *matRowDef="let row; let isEven=even;let isOdd=odd;" [class.even]="isEven" [class.odd]="isOdd">

Css应该持有

.even {
  background-color: blue;
}

.odd {
  background-color: pink;
}