行颜色根据属性条件角度变化4

Question

我是角度4的新手，我正在尝试制作一个p-dataTable，并希望根据我的对象数量属性更改行颜色。如果数量小于10，那么行颜色将为红色。

以下是我的代码：

<p-dataTable [value]="myObjectList"
                     selectionMode="single" [rows]="10" [paginator]="true"
                     [pageLinks]="3" [rowsPerPageOptions]="[5,10,20]" [totalRecords]="totalRecords" [loading]="loading" exportFilename="InventoryDetailsReport" #dt></p-dataTable>

我谷歌了两天，发现每个案例都使用“rowStyleClass”，但所有例子都在ngPrime版本1.0.1中

我正在使用版本4.1.3，我无法进行行颜色。 我该如何解决这个问题？

提前致谢。

Answer 1

您可以使用rowStyleClass - 将行数据和行索引作为参数的函数，并返回该行的样式类。这是rowStyleMap方法的替代方法。

<p-dataTable ... [rowStyleClass]="setClass"></p-dataTable>

setClass(rowData) {
  return rowData.quantity < 10 ? 'classOne' : 'classTwo';
}