在 PrimeFaces 数据表行中添加多种颜色

Question

根据下拉值，我想以多色显示 data-table 行。我遵循 this 示例，但它显示所有行都是绿色或红色

我的代码：-

<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

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

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

这可能对你有帮助。

Answer 2

尝试：

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

在 PrimeFaces 数据表行中添加多种颜色

Add multiple colours in PrimeFaces dataTable row

css

jsf

primefaces