When using h:dataTable, cells enlarge vertically depending upon # of rows
I am using h:datateble with styleClass="searchDataTable" and in my CSS i have defined
.searchDataTable
{
width: 900px;
height: 360px;
}
With these dimensions if i have 10 or more rows, dataTable looks fine.
But if i have two or three rows only, then every row cell is 5 times taller then it should. In other words every cell enlarges vertically. Regardless of the number of rows i want to have the fix height for every cell in the row. How can i accomplish this?
Thank you for your help
# 2
I have a submit button at the bottom of table. If i don't give the table height a specific value then that button appears at different location on the page.
For example, if the data table retrieves 15 rows then the submit button appears at the bottom-left end of page. And If the data table retrieves 3 rows then the submit button appears at the center-left of the page.
When implementing this UI for my project, It is required that the submit button should appear at the bottom-left of the page.
Any more suggestions?
# 4
I tried and that did not work. This is the section of code.
<t:div style="width:900px height:380px">
<t:dataTable id="dtbsearchResult"
></t:dataTable>
</t:div>
Any other clues?
