Table

Basic Table Basic example without any additional modification classes

# First Name Last Name Username Nickname
1 Alexandra Christopher @makinton Ducky
2 Madeleine Hollaway @hollway Cheese
3 Sebastian Johnston @sebastian Jaycee
4 Mitchell Christin @mitchell4u AdskiDeAnus
5 Elizabeth Belkitt @belkitt Goat
6 Benjamin Parnell @wayne234 Pokie
7 Katherine Buckland @anitabelle Wokie
8 Nicholas Walmart @mwalmart Spike

Striped rows Add zebra-striping to any table row within the tbody

# First Name Last Name Username Nickname
1 Alexandra Christopher @makinton Ducky
2 Madeleine Hollaway @hollway Cheese
3 Sebastian Johnston @sebastian Jaycee
4 Mitchell Christin @mitchell4u AdskiDeAnus
5 Elizabeth Belkitt @belkitt Goat
6 Benjamin Parnell @wayne234 Pokie
7 Katherine Buckland @anitabelle Wokie
8 Nicholas Walmart @mwalmart Spike

Bordered table Tables with borders on all possible sides of the Table and Cells

# First Name Last Name Username Nickname
1 Alexandra Christopher @makinton Ducky
2 Madeleine Hollaway @hollway Cheese
3 Sebastian Johnston @sebastian Jaycee
4 Mitchell Christin @mitchell4u AdskiDeAnus
5 Elizabeth Belkitt @belkitt Goat
6 Benjamin Parnell @wayne234 Pokie
7 Katherine Buckland @anitabelle Wokie
8 Nicholas Walmart @mwalmart Spike

Hover Row Enable a hover state on table rows within a tbody

# First Name Last Name Username Nickname
1 Alexandra Christopher @makinton Ducky
2 Madeleine Hollaway @hollway Cheese
3 Sebastian Johnston @sebastian Jaycee
4 Mitchell Christin @mitchell4u AdskiDeAnus
5 Elizabeth Belkitt @belkitt Goat
6 Benjamin Parnell @wayne234 Pokie
7 Katherine Buckland @anitabelle Wokie
8 Nicholas Walmart @mwalmart Spike

Table Condensed Make tables more compact by cutting cell padding in half.

# First Name Last Name Username Nickname
1 Alexandra Christopher @makinton Ducky
2 Madeleine Hollaway @hollway Cheese
3 Sebastian Johnston @sebastian Jaycee
4 Mitchell Christin @mitchell4u AdskiDeAnus
5 Elizabeth Belkitt @belkitt Goat
6 Benjamin Parnell @wayne234 Pokie
7 Katherine Buckland @anitabelle Wokie
8 Nicholas Walmart @mwalmart Spike

Contextual classes Use contextual classes to color table rows or individual cells.

# First Name Last Name Username Nickname
1 Alexandra Christopher @makinton Ducky
3 Sebastian Johnston @sebastian Jaycee
4 Mitchell Christin @mitchell4u AdskiDeAnus
2 Madeleine Hollaway @hollway Cheese
5 Elizabeth Belkitt @belkitt Goat

Please wait...