DataTable with no scrolling

When I set the datatable scrolling to none, the columns of the table are rendered to try and squeeze the columns into the width of the block containing it.

If you set the scrolling of the datatable to horizontal, the block containing the table is set to scroll as well, and the number of rows are too big for the block both horizontally and vertically, you have to scroll down to the bottom of the containing block before you can scroll horizontally on the table.

Would it be possible for the datatable to have a setting that does not resize the columns to fit the containing block and allow the containing block to handle scrolling?

To avoid best fitting on dataTable, you just have to set a fixed width and height, then set scrolling="auto".

If you have a parent div, then you have to put a fixed width & height on it, and set percentage dimensions to dataTable and scrolling="auto".

I have the same issue. Scrolling=none does not work! scrolling= auto fixed with on table = 935 and columns set to = 100% still renders horizontal scrollbar. IE6, glassfish, jsf 1.2, j2ee1.3.
<e:selecttable id="requestList"
align="center"
border="1"
columnSorting="false"
dataModel="#{prebuildBean.prebuildModel}"
headerStyle="dataTableHeader"
highlightRow="false"
innerBorder="1"
immediate="false"
pageSize="5"
minRows="5"
scrolling="auto"
selectionType="single"
selectedRowStyle="meccaSelectedRow"
selectionMode="row"
showTooltip="false"
showBottom="false"
style="Filter: Gray; border-width: 1px; border-color: #000000; border-style: solid;"
tooltipStyle="dataTableInner"
title="Pre-Builds"
width="935">
<e:dataTr>
<e:dataTd id="reqNbr"
align="left"
width="20%"
labelText="Action"
styleClass="tableListLink"
style="text-align:center">
<h:commandLink actionListener="#{prebuildBean.editEntry}"
value="#{ROW.reqNbr}"
styleClass="tableListLink"
title="Edit this entry">
<f:attribute name="requestId" value="#{ROW.id}"/>
</h:commandLink>
</e:dataTd>
<e:dataTd align="left"
id="reqStatus"
labelText="Status"
nowrap="true"
width="5%"
valign="middle"/>
<e:dataTd align="left"
id="assignedTo"
labelText="Assigned To"
nowrap="true"
width="20%"
valign="middle"/>
<e:dataTd align="left"
id="requestorName"
labelText="Requestor<br>Name"
nowrap="true"
width="25%"
valign="middle"/>
<e:dataTd align="left"
id="customerName"
labelText="Customer<br>Name"
nowrap="true"
width="25%"
valign="middle"/>
<e:dataTd align="left"
id="circuitType"
labelText="Circuit<br>Type"
nowrap="true"
width="20%"
valign="middle"/>
</e:dataTr>

</e:selecttable>


	Home \| News \| Contact \| About \| License \| Privacy \| Documentation
	Copyright © 2009 Simplica Corporation. All rights reserved.