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 |