Basic Tables

Basic example

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.

#NameEmailAccess
1MarkXYZ@Example.comBusiness
2JacobXYZ@Example.comPersonal
3LarryXYZ@Example.comDisabled

Bordered table

Add .table-bordered for borders on all sides of the table and cells.

#First NameLast NameUsername
1MarkOtto@mdo
2MarkOtto@TwBootstrap
3Larry the Bird@twitter

Striped rows

Use .table-striped to add zebra-striping to any table row within the <tbody>.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Table head options

Use one of two modifier classes to make <thead>s appear light or dark gray.

#NameEmailAccess
1MarkXYZ@Example.comBusiness
2JacobXYZ@Example.comPersonal
3LarryXYZ@Example.comDisabled

Dark table

Your awesome text goes here.

#First NameLast NameUsername
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter
Contextual classes

Use contextual classes to color table rows or individual cells.

#First NameLast NameUsername
1MarkOtto@mdo
2Larrythe Bird@twitter
3JacobThornton@fat