Stickey Header of Tables

JavaScript
1

Hi,

On 1 page I have 5 tables one after another. Each has thead and tbody parts. Each of the table might have 0 to 200 rows.

What I want is that if I scroll the page and move down, first the HEADER of first table gets sticky, until I move to the 2nd table, at that time the HEADER of 2nd table should be sticky at the top of the screen and so on.

Please guide me how this can be achieved.

Thank you
ZH

2

If you use jQuery, there is a simple solution:

Demo:
http://laertejjunior.github.io/freezeheader/

1 Like
3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.