Regd the scrollbar in a table in JSP

[itmani2020]

Hi,
I m working in Report generating assignment.
I want to display a table in a jsp page and i am ablr to do it.
when the data exceeds window size means i want to use one scroll bar that too i am comfortable.
The problem i m facing is when i m scroll using the scrollbar my table header also scrolling . i want that table header should be locked and the data in the table should be scroll.

Can any one give some inputs to overcome this issue ie my table header should be be stable ther it self when i m scrolling the table...


Thanks in advance,
Mani

[mtv134]

please provide the source of your jsp

[itmani2020]

<style type="text/css">
.ScrollTable-container {
display:table-cell;
}
.ScrollTable thead tr {
position: relative;
}
.ScrollTable tbody {
overflow: auto;
}
.ScrollTable tbody tr {
height: auto;
}
.ScrollTable tbody tr td:last-child {
padding-right: 20px;
}</style>

-------------------------------------------------------

<div class="ScrollTable-container">
<div class="ScrollTable" style="height: 200px;">
<table>
<thead>
<tr><th colspan="2">Heading</th></tr>
<tr><th>Column 1</th><th>Column 2</th></tr>
</thead>
<tbody style="height: 135px;">
<tr>
<td align="left">Label1</td>
<td align="left">Data1</td>
</tr>
<tr>
<td align="left">Label2</td>
<td align="left">Data2</td>
</tr>
</tbody>
</table>
</div>
</div>

[itmani2020]

Hi guys,
With the help of above code i got my table header is fixed durind scroll by scrollbar of the table....
Thanks,
Mani

[itmani2020]

Thanks Muhammad :)