Fixed Header/Scrollable Table with Variable Width

Question

I realize this question has been asked quite a bit on StackOverflow; hoever, after looking through a number of them, I believe my question has one more requirement. I want to transform a regular html table, into a table that can be scrolled both vertically and horizontally, while the the header remains at the top. The width of this table exceeds the width of the page, so I need the headers to move horizontally as the table is scrolled. I would prefer to use a pure CSS method; however, I will use javascript if necessary. Have yet to find a solution that does all of this.

Answer 1

Here is a good jquery plugin, working in all browsers ! (check out the demo)

The result is a table with a fixed header, scrolling (for the moment..) only vertically, but with a variable width.

I develop this plugin to met the problem of fixed header + flexible width..

Check it : http://www.tablefixedheader.com

Hope that it will help you.

Answer 2

Hi buddy,

Scrollable table with vertical and horizontal is work fine in IE. Because IE supports few css and most importantly expression function.

I have implemented scrollable table which does have horizontal scrolling in IE, FF and Chrome but vertical scrolling only in IE.

I hope this will help you. http:s7u.blogspot.com

Please let me know if you find any issue.

Regards, Shahib