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

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

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

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

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

给列一个 styleClass 属性：

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

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

td.foo {
    background-color: red;
}

Answer 2

使用 p:dataTable 的 headerClass 属性作为标题样式，并使用内联样式作为您需要的列 style="text-align:center;background-color:red"