Responsive Tables

A couple of examples of responsive tables. Thanks to CSS Tricks for the helpful article on how to do this.

Table #1

First Name Last Name Job Title Fourth Item
James Matman Chief Sandwich Eater fourth
The Tick Crimefighter Sorta Fourth
Mark Smith Pencil Sharpner Third

Table #2

This table uses a unique class so that it can have its own labels in mobile view.

Team Name Last Name Job Title Fourth Column Fifth Column
Team Name 1 Matman Chief Sandwich Eater fourth Line fifth Line
Team Name 2 Tick Crimefighter Sorta Fourth Fifth

Table 3

Column1 Column2 Column3 Column4 Column5
Cell 1 Cell 2 Cell 3 Cell 4 Cell 4
Cell 5 Cell 6 Cell 7 Cell 8 Cell 4
Page Elements