Tables

Basic TableBasic 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 rowsAdd 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 tableTables 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 RowEnable 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 CondensedMake 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 classesUse 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

Advanced DataTableDataTables is a plug-in for the jQuery Javascript library

# 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
9 Katherine Buckland @anitabelle Wokie
10 Nicholas Walmart @mwalmart Spike
11 Katherine Buckland @anitabelle Wokie
12 Nicholas Walmart @mwalmart Spike
13 Katherine Buckland @anitabelle Wokie
14 Nicholas Walmart @mwalmart Spike
15 Katherine Buckland @anitabelle Wokie
16 Nicholas Walmart @mwalmart Spike
17 Katherine Buckland @anitabelle Wokie
18 Nicholas Walmart @mwalmart Spike
19 Katherine Buckland @anitabelle Wokie
20 Nicholas Walmart @mwalmart Spike
21 Katherine Buckland @anitabelle Wokie
22 Nicholas Walmart @mwalmart Spike
23 Katherine Buckland @anitabelle Wokie
24 Nicholas Walmart @mwalmart Spike
25 Katherine Buckland @anitabelle Wokie
26 Nicholas Walmart @mwalmart Spike
27 Katherine Buckland @anitabelle Wokie
28 Nicholas Walmart @mwalmart Spike
29 Katherine Buckland @anitabelle Wokie
30 Nicholas Walmart @mwalmart Spike
31 Katherine Buckland @anitabelle Wokie
32 Nicholas Walmart @mwalmart Spike
33 Katherine Buckland @anitabelle Wokie
34 Nicholas Walmart @mwalmart Spike
35 Katherine Buckland @anitabelle Wokie
36 Nicholas Walmart @mwalmart Spike