Css 素数数据表条件单元格格式

我试图根据单个单元格的值为其内容着色。 例如，如果单元格值（数值）为负值，则应以红色显示单元格值（数值）

以下是我尝试过的：

<p-dataTable #dt [value]="DataList" [rows]="10" [paginator]="true" [pageLinks]="4" [rowsPerPageOptions]="[10,20,50,100]" scrollable="true" scrollHeight="400px">
<p-column [style]="{'width':'134px','text-align':'right'}" field="UnitChange" header="Units Change" [sortable]="true"> </p-column>
<p-column [style]="{'width':'134px','text-align':'right'}" field="UnitPercentChange" header="% Change (Units)" [sortable]="true"></p-column>

---

Primeng 2.0-RC.1发布，它对单元格编辑进行了一些更改和增强，也许升级您的版本会有所帮助。

@AnandCMS

您不必使用jQuery来实现这一点。这可以通过在Priming模板本身中进行微小的调整来完成

使用

中的

并绑定类。当数据为负值时，该类出错

更新的模板：

<p-column [style]="{'width':'134px','text-align':'right'}" field="UnitChange" header="Units Change" [sortable]="true">
   <template let-col let-data="rowData" pTemplate="body">
      <span [ngClass]="{'error': (data[col.field] < 0) }">{{ data[col.field] }}</span>
   </template>
</p-column>

---

请尝试此操作并更新。

priming！=PrimeFaces！！！！！！谢谢你提供的信息。在Priming应用了css类之后，我通过使用JQuery操作DOM实现了这一点。你能发布你的解决方案吗？我正在尝试做同样的事情，但我遇到了各种各样的问题。这会将样式应用于整行。问题是应用于单元格。

.error {
  color: red;
}