Table Basic
Basic Table
Add class .table
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Rogers | Prohaska | @mason | admin |
| 2 | Rogers | Gaylord | @stephen | member |
| 3 | Sanghani | Gusikowski | @Liliput | developer |
| 4 | Roshan | Rogahn | @Tiffany | supporter |
| 5 | Joshi | Hickle | @Maruti | member |
| 6 | Nigam | Eichmann | @quill | 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.
Striped Table
Add.table-stripedfor borders on all sides of the table and cells.
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 |
Service Panel
