Skip to content

Tables

The styles for the native table, tr, thead, th, tbody, td, and tfoot elements have clean minimal look by default. Make tables scroll horizontally by wrapping them with the .table-scroll class.

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5
Data 1 Data 2 Data 3 Data 4 Data 5
Data 1 Data 2 Data 3 Data 4 Data 5
Data 1 Data 2 Data 3 Data 4 Data 5
Data 1 Data 2 Data 3 Data 4 Data 5
Total 1 Total 2 Total 3 Total 4 Total 5

Make tables break vertically by adding the .table-break class, and make them responsive by adding the .table-break-sm, .table-break-md, .table-break-lg, or .table-break-xl class. You can also use the data-th attribute to create table headings.

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5
Data 1 Data 2 Data 3 Data 4 Data 5
Data 1 Data 2 Data 3 Data 4 Data 5
Data 1 Data 2 Data 3 Data 4 Data 5
Data 1 Data 2 Data 3 Data 4 Data 5
Total 1 Total 2 Total 3 Total 4 Total 5
Intro Type Tables Forms Grid Download