X

Tables

Home/Short Code/Tables

Basic Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Striped Rows

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Bordered Striped

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Hover Rows

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Vertical Scrolling Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth
5 John Townsend @David
6 Thomas Roberts @Justin
7 Aaron James @Gaby
8 Mark Otto @Harry
9 Jacob Thornton @Jordan
10 Larry the Bird @Vicky
11 Monica Manager @Elizabeth
12 John Townsend @David
13 Thomas Roberts @Justin
14 Aaron James @Gaby

Horizontal Scrolling Table

# Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading Table heading
1 Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell
2 Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell
3 Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell
4 Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell Table cell

Extra Large Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Large Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Default Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Small Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Mini (Condensed) Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Extra Mini Table

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

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

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth

Contextual Classes

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth
5 John Townsend @David
6 Thomas Roberts @Justin
7 Aaron James @Gaby

Custom Row Colors

# First Name Last Name Username
1 Mark Otto @Harry
2 Jacob Thornton @Jordan
3 Larry the Bird @Vicky
4 Monica Manager @Elizabeth
5 John Townsend @David
6 Thomas Roberts @Justin
7 Aaron James @Gaby