Aplicación de estilos al encabezado en p: datatable

Question

Me gustaría saber cómo aplicar los estilos para la columna de encabezado en la tabla de datos Primefaces. Pude cambiar los estilos para las filas usando el atributo rowStyleClass. Pero no estoy seguro, cómo cambiar el estilo de las columnas del encabezado. Un ejemplo de muestra sería realmente útil. He intentado el siguiente, pero el estilo de toda la columna parece cambiarse

<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> 

cuando utilizo lo anterior, todo el estilo de la columna parece cambiarse. Pero quiero cambiar el estilo solo para las columnas del encabezado. Por favor asiste. Gracias por adelantado.

Answer 1

Primeras cabeceras datatable generan un elemento html <th>. Se podría utilizar un selector de elementos en su definición de estilo:

th { 
    color: red !important; 
} 

Esta voluntad, por ejemplo, cambiar el color de la fuente de todas las <th> elementos de la página.

Si esta selección no es lo suficientemente específica para sus propósitos, se puede combinar con el id de la tabla de datos:

#review-table th { 
    color: red; 
} 

Answer 2

Sé que esto es viejo, pero por si acaso alguien lo encuentra:

puede crear AP: dataTable con una p: columnGroup así:

<p:dataTable id="example" value="#{bean.values}" var="value"> 
    <p:columnGroup type="header"> 
     <p:column headerText="column1" /> 
     <p:column headerText="column2" styleClass="text-left"/> 
     <p:column headerText="column3" styleClass="text-left"/> 
    </p:columnGroup> 
    <p:column>#{value.val1}</p:column> 
    <p:column>#{value.val2}</p:column> 
    <p:column>#{value.val3}</p:column> 
</p:dataTable> 

el estilo en el columnGroup afectará a las cabeceras <th> y el estilo en el resto de las columnas afectará a <td>

Espero que esto ayude.