Josephin Doe

I'm just looking around. Will you tell me something about yourself?

8:20 a.m.

Share your thoughts

#### Table

##### Basic Table

Basic example `without any additional modification` classes

# | First Name | Last Name | Username | Nickname
--- | --- | --- | --- | ---
1 | Mark | Otto | @mdo | Ducky
2 | Jacob | Thornton | @fat | Ducky
3 | Larry | the Bird | @twitter | Ducky
4 | Larry | the Bird | @twitter | Ducky
5 | Larry | the Bird | @twitter | Ducky
6 | Larry | the Bird | @twitter | Ducky
7 | Larry | the Bird | @twitter | Ducky
8 | Larry | the Bird | @twitter | Ducky

##### Striped rows

Add `.table-inverse` Class in table tag

# | First Name | Last Name | Username | Nickname
--- | --- | --- | --- | ---
1 | Mark | Otto | @mdo | Ducky
2 | Jacob | Thornton | @fat | Ducky
3 | Larry | the Bird | @twitter | Ducky
4 | Larry | the Bird | @twitter | Ducky
5 | Larry | the Bird | @twitter | Ducky
6 | Larry | the Bird | @twitter | Ducky
7 | Larry | the Bird | @twitter | Ducky
8 | Larry | the Bird | @twitter | Ducky

##### Hover Effects on Row

Add `.table-hover` Class in table tag

# | First Name | Last Name | Username | Nickname
--- | --- | --- | --- | ---
1 | Mark | Otto | @mdo | Ducky
2 | Jacob | Thornton | @fat | Ducky
3 | Larry | Otto | @twitter | Ducky
4 | Jacob | Thornton | @fat | Ducky
5 | Jacob | Thornton | @fat | Ducky
6 | Jacob | Thornton | @fat | Ducky
7 | Jacob | Thornton | @fat | Ducky
8 | Jacob | Thornton | @fat | Ducky

##### 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 | Nickname
--- | --- | --- | --- | ---
1 | Mark | Otto | @mdo | Ducky
2 | Jacob | Thornton | @fat | Ducky
3 | Larry | the Bird | @twitter | Ducky
4 | Larry | the Bird | @twitter | Ducky
5 | Larry | the Bird | @twitter | Ducky
6 | Larry | the Bird | @twitter | Ducky
7 | Larry | the Bird | @twitter | Ducky
8 | Larry | the Bird | @twitter | Ducky
9 | Larry | the Bird | @twitter | Ducky

##### Background Utilities

Regular table background variants are not available with the inverse table, however, you may use `text or background utilities` to achieve similar styles.

# | First Name | Last Name | Username | Nickname
--- | --- | --- | --- | ---
1 | Mark | Otto | @mdo | Ducky
2 | Jacob | Thornton | @fat | Ducky
3 | Larry | the Bird | @twitter | Ducky
4 | Larry | the Bird | @twitter | Ducky
5 | Larry | the Bird | @twitter | Ducky
6 | Larry | the Bird | @twitter | Ducky
7 | Larry | the Bird | @twitter | Ducky
8 | Larry | the Bird | @twitter | Ducky
9 | Larry | the Bird | @twitter | Ducky