我想知道如何为数据表中的特定列设置背景颜色。我已经尝试了下面的 css 代码
.mystyle.ui-datatable .ui-datatable-data td, .mystyle.ui-datatable .ui-datatable-data td{
background-color:#B5D3A5;
}
但是上面的内容似乎改变了数据表中所有列的背景颜色。请让我知道如何更改数据表中特定列的背景颜色。提前致谢
最佳答案
为此,您可以使用 p:column
的 style
和 styleClass
属性:
<p:column style="background-color: red" ...>
这将为表格单元格 和 标题单元格着色。
如果您不想更改标题单元格,您可以执行以下操作:
给列一个 styleClass 属性:
<p:column styleClass="foo" ...>
然后将以下样式定义添加到您的 css/html:
td.foo {
background-color: red;
}
关于jsf-2 - 更改 p :dataTable 列中非标题单元格的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11203544/