Basic Table
use bootstrap Table component
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Hover Table
use props hover with Table component
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Dark Table
use props variant="dark" with Table component
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Striped Table
use props striped with Table component
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Contextual Classes
use props className="table-*" with tr element
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4Larrythe Bird@twitter
5Larrythe Bird@twitter
6Larrythe Bird@twitter
7Larrythe Bird@twitter
8Larrythe Bird@twitter
9Larrythe Bird@twitter
10Larrythe Bird@twitter
11Larrythe Bird@twitter
Background Utilities
use props className="bg-* text-*" with tr element
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
4Larrythe Bird@twitter
5Larrythe Bird@twitter
6Larrythe Bird@twitter
7Larrythe Bird@twitter
8Larrythe Bird@twitter
9Larrythe Bird@twitter
10Larrythe Bird@twitter
11Larrythe Bird@twitter
Small Table
use props size="sm" with Table component
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Vertical Borders
use props className="table-columned" with Table component
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Table Header Styling
use props className="table-*" with thead element
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Table Footer Styling
use props className="table-*" with tfoot element
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
#First NameLast NameUsername
Custom Table Color
use props variant="info" with Table component
#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter