如何以角度更改特定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>