LOADING

Back to elements

avatar

Normal Table

Sr.No First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter

Striped Table

Sr.No First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter

Bordered Table

Sr.No First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter

Theme Bordered Table

Sr.No First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter

Theme Colored Table

class heading heading heading
Blue cell cell cell
Yellow cell cell cell
Green cell cell cell
Purple cell cell cell
Orange cell cell cell

Dark Table

Sr.No First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird Thornton @twitter

Round & Box-shadow Table

Sr.No First Last Handle
1 Jacob Thornton @fat
2 Larry the Bird Thornton @twitter
3 Larry the Bird Thornton @twitter
4 Larry the Bird Thornton @twitter

Responsive tables

Responsive tables allow tables to be scrolled horizontally with ease. Make any table responsive across all viewports by wrapping a .table with .table-responsive. Or, pick a maximum breakpoint with which to have a responsive table up to by using .table-responsive{-sm|-md|-lg|-xl|-xxl}.

class heading heading heading heading heading
Blue cell cell cell cell cell
Yellow cell cell cell cell cell
Green cell cell cell cell cell
Purple cell cell cell cell cell
Orange cell cell cell cell cell