Making a scrollable table with fixed header and fixed sidebar

Question

I need to always display the header and sidebar indexes, but let the content be scrollable freely x & y ... any solutions to this problem?

I have looked at DataTables jQuery plugin (example: link), but I was wondering if there were any alternatives.

Sahil Popli · Accepted Answer · 2015-03-11T04:29:58.123

8

You can put One thing Fixed

Header if horizontal scrolling

Sidebar If Vertical Scrolling

or your [strange] case

Demo: Both things fixed // Not recommended

And what exactly you want is here

Source Code : snipt.org

edited Mar 11 '15 at 04:29

answered Mar 21 '13 at 10:53

Sahil Popli

Great demos -- but why don't you recommend the "Both things fixed" solution? Cross-browser support? Style? – Andrew Sep 29 '13 at 16:16
1

yeah, it doesn't seem strange to me- it's a pretty standard presentation for large tabular data. – dbn Mar 10 '15 at 07:39
The Demo: "With Basic styles" link is broken. – dbn Mar 10 '15 at 15:38