Freeze Html Table Headers

[sam20032k]

Hi,

Please let me knw the cross browser solution for all freezing the table headers, so that if records are more on scrolling down the page, still i can see the headers.

Thanks.

[felgall]

The first step would be to surround the table headers inside a <thead> tag and put the body of the table inside <tbody> so that the CSS and Javascript that you add to create the effect will know what row(s) make up the heading. The HTML tags look like this:

<table>
<thead>
<tr><th></th><th></th></tr>
</thead>
<tbody>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</tbody>
</table>

You will then need to add stylesheet code to apply relative positioning to the table and absolute positioning to the thead.

Finally you will need Javascript to move the thead down as the table content scrolls under it.