0 Replies Latest reply on Feb 24, 2009 12:18 AM by ajanz

    wrap datatable with div for horizontal scrollbar

    ajanz

      hi

      i want to wrap a datatable with a div so i got a horizontal scrollbar.

      the scrollbar appears but does not work.

       <div style="white-space:nowrap; overflow-x: scroll; overflow-y: hidden;width:98%" >
       <rich:extendedDataTable value="#{Session.list}" var="wf" id="list"
       onRowMouseOver="this.style.backgroundColor='#FFFF99'"
       onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
       cellpadding="0" cellspacing="0"
       width="102%" border="0" >
       <rich:column sortBy="#{wf.image}" style="text-align:left;" label="image" >
       <f:facet name="header" >
       <h:outputText value="image" />
       </f:facet>
       <center> <h:graphicImage value="#{wf.image}" /></center>
       </rich:column>
       <rich:column sortBy="#{wf.text}" style="text-align:left;" label="text" >
       <f:facet name="header">
       <h:outputText value="text" />
       </f:facet>
       <h:outputText value="#{wf.text}" escape="false" />
       </rich:column>
       </rich:extendedDataTable>
       </div>