Basic Table
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Striped Rows
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Bordered Striped
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Hover Rows
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Vertical Scrolling Table
Horizontal Scrolling Table
Extra Large Table
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Large Table
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Default Table
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Small Table
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Mini (Condensed) Table
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Extra Mini Table
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Column Grid Size
| name |
Position |
Office |
Start date |
Status |
| Mark Willey |
Accountant |
Tokyo |
2013/06/08 |
Approved |
| Jacob Brown |
Junior Technical Author |
New York |
2014/08/22 |
Declined |
| Larry Wood |
Integration Specialist |
Paris |
2015/10/18 |
Pending |
| Monica Manager |
Senior Javascript Developer |
Edinburgh |
2016/12/15 |
Call in to confirm |
Table Header Style
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
Contextual Classes
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
| 5 |
Table cell |
Table cell |
Table cell |
| 6 |
Thomas |
Roberts |
@Justin |
| 7 |
Aaron |
James |
@Gaby |
Custom Row Colors
| # |
Table heading |
Table heading |
Table heading |
| 1 |
Table cell |
Table cell |
@Harry |
| 2 |
Table cell |
Table cell |
Table cell |
| 3 |
Table cell |
Table cell |
Table cell |
| 4 |
Table cell |
Table cell |
Table cell |
| 5 |
Table cell |
Table cell |
Table cell |
| 6 |
Thomas |
Roberts |
@Justin |
| 7 |
Aaron |
James |
@Gaby |
