在PrimeFaces dataTable行中添加多种颜色

Question

基于下拉值，我想以多种颜色显示数据表行。 我遵循了此示例，但其所有行均显示为绿色或红色

我的代码：-

<p:dataTable id="empAtendanceTable"
             var="report"
             value="#{empBean.empReport}"
             rowStyleClass="#{report.status==false ? 'colored' : null} #{report.status==true ? 'error' : null}">

CSS：

.colored {
    background: red;
    color: white;
}
.error {
    background: green;
    color: white;
}

如何改变颜色？ 我正在使用PrimeFaces 5.1版本。

Answer 1

尝试：

 <p:dataTable id="empAtendanceTable"
             var="report"
             value="#{empBean.empReport}"
             rowStyleClass="#{report.status ? 'error' : 'colored'}">

Answer 2

您需要更改属性“ background-color”。 例如：

.colored {
   background-color: red;
   color. white;
}

那可能对您有帮助。