Basic

Using the most basic table markup, here's how the tables look. All the examples are responsive - the tables allow them to be scrolled horizontally with ease.

To create a table, simply add the `.table` class.

To make your table responsive, simply add `.table-responsive` to its parent.

Bordered

Add border on all sides of the table and cells.

To create a bordered table, simply add the `.table-bordered` class.

Striped

Add zebra-striping to any table row.

To create a striped table, simply add the `.table-striped` class.

Hoverable

To create a hoverable table, simply add the `.table-hoverable` class.

These hoverable rows can also be combined with the striped variant:

Borderless

A table without borders.

To create a borderless table, simply add the `.table-borderless` class.

Headless

A table can render without a table header if no `<thead>` is supplied.

Selection

Rows can be selectable by making first column as a selectable column.

Simply add a `checkbox` in the first column.

Search input

Search is used for making dropdown items searchable.

Pagination

Example with pagination using Lists .