Using the following example code:
<rich:extendedDataTable id="table" value="#{bean.list}" var="item" styleClass="listStyle"> <rich:column id="itemId"> <f:facet name="header"> <h:panelGroup> <h:outputText value="ID" /> </h:panelGroup> </f:facet> <h:outputText value="#{item.id}" /> </rich:column> <rich:column id="itemName"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Name" /> </h:panelGroup> </f:facet> <h:outputText value="#{item.name}" /> </rich:column> </rich:extendedDataTable>
RichFaces generates the following source-code:
<td> <div style="" class="rf-edt-rsz-cntr rf-edt-c-itemName"> <div class="rf-edt-rsz"></div> </div> <div style="height: 20px;" class="rf-edt-hdr-c rf-edt-c-itemName"> <div class="rf-edt-rsz"></div> <div class="rf-edt-hdr-c-cnt">Nome </div> </div> </td>
Why it's generated a "rf-edt-c-itemName" but not a "rf-edt-hdr-c-itemName"? I ran into this when trying to set a column width to auto in the CSS class. If the ".itemName" width is set to auto, the column fits it's content but the header's size just fits it's own label.