Table basic

Basic Table

Add class .table
# First Name Last Name Username Role
1 Deshmukh Prohaska @Genelia admin
2 Deshmukh Gaylord @Ritesh member
3 Sanghani Gusikowski @Govinda developer
4 Roshan Rogahn @Hritik supporter
5 Joshi Hickle @Maruti member
6 Nigam Eichmann @Sonu supporter

Table Hover

Add class .table-hover
# Products Popularity Sales
1 Milk Powder 0,-3,-2,-4,-5,-4,-3,-2,-5,-1 28.76%
2 Air Conditioner 0,-1,-1,-2,-3,-1,-2,-3,-1,-2 8.55%
3 RC Cars 0,3,6,1,2,4,6,3,2,1 58.56%
4 Down Coat 0,3,6,4,5,4,7,3,4,2 35.76%

Bordered Table

Add.table-borderedfor borders on all sides of the table and cells.
Task Progress Deadline Action
Lunar probe project
May 15, 2015
Dream successful plan
July 1, 2015
Office automatization
Apr 12, 2015
The sun climbing plan
Aug 9, 2015
Open strategy
Apr 2, 2015
Tantas earum numeris
July 11, 2015

Striped Table

Add.table-stripedfor borders on all sides of the table and cells.
Task Progress Deadline Action
Lunar probe project
May 15, 2015
Dream successful plan
July 1, 2015
Office automatization
Apr 12, 2015
The sun climbing plan
Aug 9, 2015
Open strategy
Apr 2, 2015
Tantas earum numeris
July 11, 2015

Responsive Table

Create responsive tables by wrapping any .table in .table-responsive
Invoice User Date Amount Status Country
Order #26589 Herman Beck Oct 16, 2017 $45.00
Paid
EN
Order #58746 Mary Adams Oct 12, 2017 $245.30
Shipped
CN
Order #98458 Caleb Richards May 18, 2017 $38.00
Shipped
AU
Order #32658 June Lane Apr 28, 2017 $77.99
Paid
FR

Contexual Classes

Use classes ( .table-active, .table-success, .table-info, .table-warning, .table-danger ) to color table rows or individual cells
# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content