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

Question

I'm trying to apply a css rule to the header of a datatable.
The problem is that i'm using Dynamic Columns ( <p:columnS> ), and i don't know how to apply a css rule only for the header.

When i try to set the style property for p:column it also change the row style.

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

---

And when i try to set only the th on the css rule, it doesn't work:

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

.test th {
    color:red;
}

---

Also, i can't just make a rule like #table th {...}, because the rules of the header style depends on each dynamic column. That would be something like:

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

.style1{....}

Suggetions??

Answer 1

I think you can do

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