Aero

Please wait...

Normal Tables

Basic Table

Basic example without any additional modification classes

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat

StripedRows

Use .table-stripedto add zebra-striping to any table row within the <tbody>

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat

BorderedTable

Add .table-borderedfor borders on all sides of the table and cells.

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat

HoverRows

Add .table-hoverto enable a hover state on table rows within a <tbody>.

# FIRST NAME LAST NAME USERNAME
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
4 Larry Jellybean @lajelly
5 Larry Kikat @lakitkat