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 |