3 Replies Latest reply on May 13, 2008 8:40 PM by Robert Stone

    Ugly scrollableDataTable headers

    Robert Stone Newbie

      I'm trying to use scrollableDataTable and first thing that happens, headers are misaligned and I see more vertical bars then there are columns. Here's code example but actually I can't get one decent looking scrollable table anywhere. Even you rich demo regular table looks much cleaner then scrollable table

       <rich:panel id="searchResultPanel" binding="#{deviceMasterFormBean.searchResultPanel}"
       rendered="true">
       <f:facet name="header">Device search results</f:facet>
       <rich:scrollableDataTable value="#{deviceMasterFormBean.searchResultModel}"
       var="device" height="150px" width="100%" frozenColCount="1" first="0" rows="10">
       <rich:column>
       <f:facet name="header">
       <h:outputText value="Tag" />
       </f:facet>
       <h:outputText value="#{device.tag}" />
       </rich:column>
       <rich:column>
       <f:facet name="header">
       <h:outputText value="Primary Namespace" />
       </f:facet>
       <h:outputText value="#{device.namespace}" />
       </rich:column>
       <rich:column>
       <f:facet name="header">
       <h:outputText value="Primary IP" />
       </f:facet>
       <h:outputText value="#{device.ip}" />
       </rich:column>
       </rich:scrollableDataTable>
       <rich:toggleControl switchToState="step1" value="Back to Search" />
       </rich:panel>
      


      http://img527.imageshack.us/img527/7596/snap001qn7.gif