如何有条件地设置材料表格单元格的背景色
如何有条件地设置材料表格单元格的背景色
提问于 2020-08-28 11:08:50
在给定这里,的示例材料表中，如果我想更改所有包含值> 10的单元格的背景色，我将把代码放在哪里？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-08-28 12:11:12
做这件事有很多种方法。这是一种方法，就像在重量单元格中那样，如果值大于10，那么背景中的黄色。
<ng-container matColumnDef="weight">
<mat-header-cell *matHeaderCellDef> Weight </mat-header-cell>
<mat-cell [ngClass]="{clsWeight: element.weight > 10}" *matCellDef="let element"> {{element.weight}} </mat-cell>
</ng-container>这是工作的演示
如果您不想使用ngClass，那么您可以像这样直接使用样式
<ng-container matColumnDef="weight">
<mat-header-cell *matHeaderCellDef> Weight </mat-header-cell>
<mat-cell [style.background-color]="element.weight > 10 ? 'yellow' : ''" *matCellDef="let element"> {{element.weight}} </mat-cell>
</ng-container>工作演示
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63632624
复制相关文章
相似问题
腾讯云开发者
