Nonscrolling Table Header Row

Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8
row 1, cell 1 row 1, cell 2 row 1, cell 3 row 1, cell 4 row 1, cell 5 row 1, cell 6 row 1, cell 7 row 1, cell 8
row 2, cell 1 row 2, cell 2 row 2, cell 3 row 2, cell 4 row 2, cell 5 row 2, cell 6 row 2, cell 7 row 2, cell 8
row 3, cell 1 row 3, cell 2 row 3, cell 3 row 3, cell 4 row 3, cell 5 row 3, cell 6 row 3, cell 7 row 3, cell 8
row 4, cell 1 row 4, cell 2 row 4, cell 3 row 4, cell 4 row 4, cell 5 row 4, cell 6 row 4, cell 7 row 4, cell 8

This example uses JQuery and CSS to provide a responsive web design (RWD) solution. For more information, see: www.zurb.com/playground/projects/responsive-tables/index.html

For other RWD examples, see:

Filter rows - codepen.io/pixelchar/full/rfuqK

Show/hide - jsbin.com/apane6/14

Table to paragraphs - codepen.io/aarongustafson/full/ucJGv

Horizontal to vertical - codepen.io/JasonAGross/full/rjmyx