在PrimeFaces dataTable行

时间:2015-04-24 13:12:40

标签: css jsf primefaces

根据下拉值,我想以多色显示数据表行。我跟着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版本。

2 个答案:

答案 0 :(得分:2)

尝试:

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

答案 1 :(得分:-1)

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

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

这可能对你有帮助。