(Almost) Pure CSS Scrollable Table with Fixed Header

Using CSS to allow scrolling within a single HTML table


The Bullet Resistant Version

Lots of CSS Browser Filtering

Header 1 Header 2 Header 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla vitae wisi. Nulla euismod aliquet tellus. In sit amet enim. Praesent vulputate tortor nec ante. Morbi sollicitudin est non neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Cell Content 1 Cell Content 2
Cell Content 1 Cell Content 2
More Cell Content 1 More Cell Content 2
Even More Cell Content 1 Even More Cell Content 2
And Repeat 1 And Repeat 2
Cell Content 1 Cell Content 2
More Cell Content 1 More Cell Content 2
Even More Cell Content 1 Even More Cell Content 2
And Repeat 1 And Repeat 2
Cell Content 1 Cell Content 2
More Cell Content 1 More Cell Content 2
Even More Cell Content 1 Even More Cell Content 2
And Repeat 1 And Repeat 2
Cell Content 1 Cell Content 2
More Cell Content 1 More Cell Content 2 More Cell Content 3
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
And Repeat 1 And Repeat 2 And Repeat 3
Cell Content 1 Cell Content 2
More Cell Content 1 More Cell Content 2
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
And Repeat 1 And Repeat 2 And Repeat 3
Cell Content 1 Cell Content 2 Cell Content 3
More Cell Content 1 More Cell Content 2 More Cell Content 3
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
And Repeat 1 And Repeat 2 And Repeat 3
Cell Content 1 Cell Content 2 Cell Content 3
More Cell Content 1 More Cell Content 2 More Cell Content 3
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
And Repeat 1 And Repeat 2 And Repeat 3
Cell Content 1 Cell Content 2 Cell Content 3
More Cell Content 1 More Cell Content 2 More Cell Content 3
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
And Repeat 1 And Repeat 2 And Repeat 3
Cell Content 1 Cell Content 2 Cell Content 3
More Cell Content 1 More Cell Content 2 More Cell Content 3
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
And Repeat 1 And Repeat 2 And Repeat 3
Cell Content 1 Cell Content 2 Cell Content 3
More Cell Content 1 More Cell Content 2 More Cell Content 3
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
And Repeat 1 And Repeat 2 And Repeat 3
Cell Content 1 Cell Content 2 Cell Content 3
More Cell Content 1 More Cell Content 2 More Cell Content 3
Even More Cell Content 1 Even More Cell Content 2 Even More Cell Content 3
End of Cell Content 1 End of Cell Content 2 End of Cell Content 3

Also see the The Big Four Version :: Support for current generation of the four major Browsers

Browser Support (table is scrollable with fixed headers)

Almost works (table is viewable)

Degrades gracefully

Notes:

Updates:













put a bunch of breaks to test scrolling within the HTML document itself.











put a bunch of breaks to test scrolling within the HTML document itself.











put a bunch of breaks to test scrolling within the HTML document itself.











done.