Bootstrap Tables
lorem ipsum dolor sit amet, consectetur adipisicing elitBasic Table
use classtable inside table element
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Inverse Table
use classtable-inverse inside table element
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Hover Table
use classtable-hover inside table element
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Contextual Classes
For Make row Contextual add Contextual class like.table-success in tr tag and For cell add Contextual class in td or th tag .
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | the Bird | |
| 5 | Larry | the Bird | |
| 6 | Larry | the Bird | |
| 7 | Larry | the Bird | |
| 8 | Larry | the Bird | |
| 9 | Larry | the Bird |
Background Utilities
Regular table background variants are not available with the inverse table, however, you may usetext or background utilities to achieve similar styles.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird | |
| 4 | Larry | the Bird | |
| 5 | Larry | the Bird | |
| 6 | Larry | the Bird | |
| 7 | Larry | the Bird | |
| 8 | Larry | the Bird | |
| 9 | Larry | the Bird |
