角度5材料奇偶数列表按类标识[关闭]

问题描述 投票:-1回答:2

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

angular
2个回答
0
投票

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

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

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

0
投票

在您的define isEven和isOdd中使用class属性。

示例代码如下

<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;
}
© www.soinside.com 2019 - 2024. All rights reserved.