ExtendedDataTable no Scrollbars
margotmedia Oct 22, 2009 1:41 PMI 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>