如何修改PF动态列中的Datatable标题样式?

时间:2014-08-04 15:39:55

标签: css jsf primefaces

我试图将css规则应用于数据表的标题 问题是我使用动态列(<p:columnS>),而且我不知道如何仅为标题应用css规则。

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

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

当我尝试仅在css规则上设置th时,它不起作用:

<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{....}

Suggetions ??

1 个答案:

答案 0 :(得分:1)

我认为你可以做到

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