将样式应用于p:datatable中的Header

vr3*_*3c9 8 css jsf primefaces jsf-2

我想知道如何在primefaces Datatable中应用标题列的样式.我能够使用rowStyleClass属性更改行的样式.但不确定,如何更改标题列的样式.一个示例示例将非常有用.我已经尝试过以下内容,但整个列的样式似乎都有所改变

 <p:column id="SelectallID" headerText="Select ID" style="text-align:center; background-color:#C6C3C6;padding:12px;">
 <h:outputText>
 <h:selectBooleanCheckbox id="checkbox2"  value="#{car.selected}"/>
 </h:outputText>
 </p:column>
Run Code Online (Sandbox Code Playgroud)

当我使用上面的内容时,整个列样式似乎都发生了变化.但我想只更改标题列的样式.请协助.提前致谢.

Mat*_*ndy 8

Primefaces数据表头文件生成一个html <th>元素.您可以在样式定义中使用元素选择器:

th {
  color: red !important;
}
Run Code Online (Sandbox Code Playgroud)

例如,这将更改<th>页面上所有元素的字体颜色.

如果此选择不够具体,您可以将其与数据表的id组合:

#review-table th {
  color: red;
}
Run Code Online (Sandbox Code Playgroud)

  • 检查浏览器中的源代码以获取正确的ID.也许你有一个NamingContainer,然后id就像someID:review-table.CSS需要完整的id来识别正确的组件.(或者你需要一个不同的选择器).请注意冒号`:`需要用反斜杠转义,例如`someID \:review-table` (2认同)