我想知道如何为datatable中的特定列设置背景颜色。我已经尝试过以下css代码
.mystyle.ui-datatable .ui-datatable-data td, .mystyle.ui-datatable .ui-datatable-data td{
background-color:#B5D3A5;
}
但是上面似乎改变了数据表中所有列的背景颜色。请告诉我如何更改数据表中特定列的背景颜色。在此先感谢
答案 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”