I would like to create a table with a scrollable body. I’ll have my header row, then the data that will scroll while the header is fixed. This is kind of like freezing panes in excel. I tried creating a table above the content I want to scroll, but the column widths don’t match up. It looks to me that everything has to be in one table for all the columns to match up. What’s the best way to do this?
I set up a fiddle to show what I’m trying to do. I tried a whole bunch of things to make this work, but never got it to come out right.
Everything seems to look fine to me – assuming that I understand you correctly.
Edit : Sorry – I am sure you looking for an alternatives. These might help
Pure CSS Scrollable Tables
Another similar link…
Here’s a quick and dirty jsFiddle I made – it only uses 1 row as you mentioned.
jsFiddle