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 |