Tables
Normal Table
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Dark Table table.table-dark
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
th options thead.thead-light
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th |
td data cell |
td data cell |
td data cell |
th options thead.thead-dark
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th |
td data cell |
td data cell |
td data cell |
Table .table-striped
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table .table-bordered
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table .table-dark .table-bordered
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table .table-borderless
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table .table-hover
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table .table-dark .table-hover
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table .table-sm
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table .table-dark .table-sm
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table tr Color
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| tr.table-active |
td data cell |
td data cell |
td data cell |
| tr.table-primary |
td data cell |
td data cell |
td data cell |
| tr.table-secondary |
td data cell |
td data cell |
td data cell |
| tr.table-success |
td data cell |
td data cell |
td data cell |
| tr.table-danger |
td data cell |
td data cell |
td data cell |
| tr.table-warning |
td data cell |
td data cell |
td data cell |
| tr.table-info |
td data cell |
td data cell |
td data cell |
| tr.table-light |
td data cell |
td data cell |
td data cell |
| tr.table-dark |
td data cell |
td data cell |
td data cell |
Table cell color
| th(normal) |
th.table-active |
| th.table-primary |
td.table-secondary |
| th.table-success |
td.table-danger |
| th.table-warning |
td.table-info |
| th.table-light |
td.table-dark |
Table with bg-color
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| tr.bg-primary |
td data cell |
td data cell |
td data cell |
| th scope-row |
td.bg-primary |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table with caption
Caption Caption Caption Caption Caption Caption Caption Caption
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
Table Responsive
| th scope-col |
th scope-col |
th scope-col |
th scope-col |
th scope-col |
th scope-col |
th scope-col |
th scope-col |
| th scope-row |
td data cell |
td data cell |
td data cell |
td data cell |
td data cell |
td data cell |
td data cell |
| th scope-row |
td data cell |
td data cell |
td data cell |
td data cell |
td data cell |
td data cell |
td data cell |