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

Question

我想知道如何为数据表中的特定列设置背景颜色。我已经尝试了下面的 css 代码

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

但是上面的内容似乎改变了数据表中所有列的背景颜色。请让我知道如何更改数据表中特定列的背景颜色。提前致谢

Answer 1

为此，您可以使用 p:column 的 style 和 styleClass 属性:

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

这将为表格单元格 和 标题单元格着色。

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

给列一个 styleClass 属性:

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

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

td.foo {
    background-color: red;
}