Scrolling problem with JSF

[Varun Khanna]

Well I think it's actually a HTML related query, hence posting here :

I have a dataTable code in JSF like this :

  
<h :mrgreen: ataTable styleClass="complexTable" headerClass="header" rowClasses="rowOdd, rowEven"
value="#{pc_TestDataTable.searchResultList}" var="result" rows="0">
<h:column>
<f:facet name="header">  
<h :-o	 utputText value="NAME" />
</f:facet>
<h :-o	 utputText value="#{result.name}" />
</h:column>
<h:column>
<f:facet name="header">  
<h :-o	 utputText value="ID" />
</f:facet>
<h :-o	 utputText value="#{result.id}" />
</h:column>
</h :mrgreen: ataTable>

The facet is creating the Header and outputtext is creating the rows. The above code is rendered as follows :

 
<table>
<thead>
<tr>
<th class="header" scope="col">NAME</th>
<th class="header" scope="col">ID</th>
</tr>
</thead>
</table>
<table class="complexTable">
<tbody>
<tr class="rowOdd">
<td>Test</td>
<td>11</td>
</tr>
<tr class="rowEven">
<td>Test 1</td>
<td>22</td>
</tr>
</tbody>
</table>
 
 

Now I want to add a div tag or something .. to enable scrolling without moving the header of the table.

Can anyone suggest how to do that? I can't add div tag enclosing the table as it would make the header also scrollable. I wolud like to know is it possible to add div or something just in the body tag to allow scrolling of the body only.

[Eric Pascarello]

what people normally do is set the header in one table and the body in another table making the bottom portion scrollable.

Eric

[Varun Khanna]

Seems I have to use that way only.
Wherever I search , I found this solution only (double table one).

[Eric Pascarello]

This is an older post, the last two links might help you out a bit

[Eric Pascarello]

ugh:

URL: https://coderanch.com/forums/

Eric

[Varun Khanna]

Thanks ... Good link.