4 Replies Latest reply on Oct 26, 2009 6:55 AM by ilya_shaikovsky

    ExtendedDataTable no Scrollbars

    margotmedia

      I have two problems when using ExtendedDataTable (RichFaces 3.3.2 SR1).

      1) no scrollbar
      2) row height of the data rows is stretched to 100% of the set ExtendedDataTable.height. (looks ugly)

      Is this a bug in this release, because the example on exadel is working correctly. When I examed the rendered code, I found this in my code:

      <table id="f:availTable:n" class="extdt-table-layout rich-table " cellspacing="0" cellpadding="0" border="0" style="overflow: hidden; width: 100%; height: 100%;">
      


      on exadel this nested table looks like this:
      <table id="j_id352:table:n" class="extdt-table-layout " cellspacing="0" cellpadding="0" border="0" width="100%;" style="">
      


      style-attribute is not set on exadel (the height=100% causes the stretch-effect) and there is an additional css-class in my code.

      so, can I workaround it somehow to get scrollbars and no stretch-effect?

      thx for replies.

      here is my code:


      
      <rich:extendedDataTable
       value="#{availabilityController.availabilityDataModel}" var="avail" id="availTable"
       width="1000px" height="100px"
       activeClass="reportSelectBoxSelectedClass"
       sortMode="single"
       selectionMode="single"
       tableState="#{availabilityController.tableState}"
       selection="#{availabilityController.selection}">
       <rich:column sortable="false" label="typ">
       <f:facet name="header">
       <h:outputText value="typ" />
       </f:facet>
       <h:outputText value="#{avail.componentType}" />
       </rich:column>
       <rich:column sortable="true" sortBy="#{avail.displayName}"
       filterBy="#{avail.displayName}" filterEvent="onkeyup" width="170px"
       label="Pretty name">
       <f:facet name="header">
       <h:outputText value="Pretty name" />
       </f:facet>
       <h:outputText value="#{avail.displayName}" />
       </rich:column>
       <rich:column sortable="true" sortBy="#{avail.serialNumber}"
       filterBy="#{avail.serialNumber}" filterEvent="onkeyup" width="170px"
       label="serialnum">
       <f:facet name="header">
       <h:outputText value="serialnum" />
       </f:facet>
       <h:outputText value="#{avail.serialNumber}" />
       </rich:column>
       </rich:extendedDataTable>