Scrolling Responsive Table

This page demonstrates how an HTML table can be responsive by pinning the column headings to the left and allowing the rows to be displayed vertically and scroll underneath the column headings when viewed on a mobile device.


Selector IE7 IE8 IE9 FF 3.6 FF 4 Safari 5 Chrome 5 Opera 10
* selector yes yes yes yes yes yes yes yes
:before :after no yes yes yes yes yes yes yes
:nth-of-type() no no no yes yes yes yes incorrect
background-clip no no yes no yes -webkit- -webkit- buggy
background-repeat incomplete incomplete yes incomplete incomplete incorrect incorrect yes
::selection no no yes -moz- -moz- yes yes yes