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