更改p:dataTable列中非标题单元格的背景颜色

时间:2012-06-26 08:36:03

标签: jsf-2 primefaces

我想知道如何为datatable中的特定列设置背景颜色。我已经尝试过以下css代码

.mystyle.ui-datatable .ui-datatable-data td, .mystyle.ui-datatable .ui-datatable-data td{
background-color:#B5D3A5;   
}  

但是上面似乎改变了数据表中所有列的背景颜色。请告诉我如何更改数据表中特定列的背景颜色。在此先感谢

2 个答案:

答案 0 :(得分:3)

您可以使用style的{​​{1}}和styleClass属性:

p:column

这将使表格单元格标题单元格着色。

如果您不想更改标题单元格,可以执行以下操作:

为列赋予styleClass属性:

<p:column style="background-color: red" ...>

然后将以下样式定义添加到css / html:

<p:column styleClass="foo" ...>

答案 1 :(得分:1)

使用p:dataTable的headerClass属性作为标题样式,并为requierd列使用内联样式style =“text-align:center; background-color:red”