css - 如何修改 PF 动态列中的数据表标题样式？

Question

我正在尝试将 css 规则应用于数据表的标题。
问题是我正在使用动态列(<p:columnS>)，我不知道如何只为标题应用 css 规则。

当我尝试为 p:column 设置样式属性时它还会更改行样式。

<p:columns var="a" width="40" style="text-align:center;color:red" ....>

---

当我尝试只设置 th在 css 规则上，它不起作用:

<p:columns var="a" width="40" style="text-align:center" styleClass="test" ... >

.test th {
    color:red;
}

---

此外，我不能只制定像#table th {...} 这样的规则，因为标题样式的规则取决于每个动态列。 那将是这样的:

<p:columns var="a" width="40" style="text-align:center" styleClass="#{a.style}" ...>

.style1{....}

建议??

Answer 1

我觉得你可以

th[role=columnheader] {
     background-image: none;
     ....
}