Html table fixed headers

[congay2014]

HI All

I have created a large html dynamic table using jquery .
Now my query is here , How to make a fixed html table header while scrolling .

can any one please hepl me how to solve ??

[kicken]

It can be done using CSS by separating the head/body with the appropriate <thead> and <tbody> tags, then applying overflow, height, and positioning directives as needed. Last I checked (which was a while ago admittedly) this approach had issues across different browsers.

 

A more popular solution is to render two tables, one that contains only the headers and another inside a scrollable div with the contents. You need to specify a width for each column with this approach so that the header and body columns match.

 

Google for HTML Table fixed header or similar terms and you can find lots of solutions.

[Tom8001]

You could put it inside a div & use CSS

<div id="name">
your table here
</div>

<style>
#name {position: absolute;} 
</style>

That should keep it in one place.