primefaces数据表行着色

Question

我想显示不同颜色的数据表行.

我正在使用rowStyleClass属性.但它并没有改变颜色

我在datatable中的代码是,

rowStyleClass="highlight";

我的css文件看起来像这样,

.highlight {
    background: yellow  !important ;
}

Answer 1

您应该有两个具有不同颜色的类,并在rowStyleClass属性中使用内联,如果:

rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'highlight1' : 'highlight2'}" 

您应在数据表rowIndexVar属性中设置"rowIndex"的位置

rowIndexVar="rowIndex"

这意味着偶数行将行样式类设置为'highlight1'和奇数行 - 'highlight2'

看到更多信息

Answer 2

最简单的方法是在CSS中实现.ui-datatable-odd和设置.ui-datatable-even类,p:dataTable默认情况下实现这些类.例:

.ui-datatable-odd {
    background: #ffffff;
}

.ui-datatable-even {
    background: #F2F5F9;
}

结束看起来像

您可能需要使用更具体的选择器,阅读有关css特异性的信息