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 |