Basic Tablesdefault maniac tables

Basic example

For basic styling—light padding and only horizontal dividers—add the base class .table to any table. It may seem super redundant, but given the widespread use of tables for other plugins like calendars and date pickers, we've opted to isolate our custom table styles.

First Name Last Name Username
Mark Otto @mdo
Jacob Thornton @fat
Larry the Bird @twitter

Striped Table

Use .table-striped to add zebra-striping to any table row within the tbody.

First Name Last Name Username
Mark Otto @mdo
Jacob Thornton @fat
Larry the Bird @twitter

Hover Table

Add .table-hover to enable a hover state on table rows within a tbody..

First Name Last Name Username
Mark Otto @mdo
Jacob Thornton @fat
Larry the Bird @twitter

Bordered Table

Use .table-bordered for borders on all sides of the table and cells.

First Name Last Name Username
Mark Otto @mdo
Jacob Thornton @fat
Larry the Bird @twitter

Responsive Table

Add .table-responsive to enable responsive layout for table.

First Name Last Name Username
Mark Otto @mdo
Jacob Thornton @fat
Larry the Bird @twitter