4 Replies Latest reply on Feb 27, 2009 11:12 AM by nbelaevski

    Multi Row Header in scrollableDataTable chops

    vimalm

      I have a table with header column spanning multiple rows. The scrollableDataTable chops second row and does not display any more rows if there are any. Here is the relevant section of the xhtml page:

      <rich:scrollableDataTable var="cat" value="#{catSel}"> <rich:column id="catName" label="Category" width="550px">
       <f:facet name="header">
       <h:panelGroup>
       <h:outputText value="Category"/>
       <br/>
       <h:outputText value="Name"/> </h:panelGroup>
       </f:facet>
       #{cat.catName}
      </rich:column>
      </rich:scrollableDataTable>
      

      If I replace <rich:scrollableDataTable> with <rich:dataTable> the header displays correctly. I also tried <rich:extendedDataTable> and in this the second line onwards gives a tilted appearance and looks very bad! I tried by putting a headerClass="myHeader" with the definition of
      .myHeader {
      height=50px;
      }
      

      This yields a wide header row but still the content of the second row gets chopped.
      Any ideas what am I doing in correctly?

      The tables we have contains 30 columns and header names are multi words so in order for the table to look good, they have to span across the multiple lines.