如何以角度更改特定mat表列条目的字体颜色？

Question

我有四个角度为4的垫子表。表A，表B，表C和表D.表C有三列。 Column1，Column2，Column3。如果我想更改表C中第3列条目的字体颜色，我该怎么做？在此之前我没有任何使用角度的经验，所以请原谅我，如果我的问题太琐碎或不清楚。

Answer 1

首先，我想分享参考资料，以便您更好地了解， 我强烈推荐材料设计文档。

以下是参考链接，可帮助您更改角度

中特定mat表列条目的字体颜色

https://material.angular.io/components/table/examples

简单地说，您需要使用颜色添加样式属性：

<ng-container matColumnDef="color">
  <mat-header-cell *matHeaderCellDef mat-sort-header> Color </mat-header-cell>
  <mat-cell *matCellDef="let row" [style.color]="row.color"> {{row.color}} </mat-cell>
</ng-container>

Answer 2

您可以简单地将样式赋予任何单元格，您想要的标题

<mat-cell *matCellDef="let row" [style.color]="row.color"> {{row.color}} </mat-cell>

参考。从这里

• https://material.angular.io/components/table/examples

Answer 3

如果要根据单元格值控制字体颜色？你可以做这样的事情。

[style.color]="row.status === 'CLOSED' ? 'red' : 'black'"