Tables in Bootstrap

HTML Table

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data

Boostrap Normal Table

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data

Boostrap Table Colors

table-primary | table-secondary | table-success | table-danger | table-info | table-warning | table-light | table-dark


Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data

Boostrap Table Row Colors

table-primary | table-secondary | table-success | table-danger | table-info | table-warning | table-light | table-dark


Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data

Boostrap Table TH | TD Colors

table-primary | table-secondary | table-success | table-danger | table-info | table-warning | table-light | table-dark


Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Striped Table

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Striped Table Columns

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Hover Table

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Hover Table With Striped Rows

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Table Actice

For TD TH or TR


Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Table Bordered

.table .table-bordered


Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Table Bordered with Border-color

.table .table-bordered | border-primary | border-secondary | border-danger | border-info | border-warning | border-dark | border-light | border-success


Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Borderless Table

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Compact Table

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Table Group Dividers

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Nested Table

Heading Heading
Data Data
Data
Heading Heading
Data Data
Data Data
Table With Footer

Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Footer Data Footer Data Footer Data Footer Data Footer Data
Table With Caption

Table Caption
Heading Heading Heading Heading Heading
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Data Data Data Data Data
Responsive Table

Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading Heading
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data