Colored Table preview of different style tables.
Primary Table
add class
.thead-primary
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |
Success Table
add class
.thead-success
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |
Warning Table
add class
.thead-warning
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |
Danger Table
add class
.thead-danger
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |
Info Table
add class
.thead-info
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |
Teal Table
add class
.thead-teal
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |
Dark Table
add class
.thead-dark
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |
Light Table
add class
.thead-light
| # | First Name | Last Name | Username | Role |
|---|---|---|---|---|
| 1 | Amit | Sarna | @mmits | Admin |
| 2 | Andrea | Ely | @andrea | Intern |
| 3 | Ricky | Martin | @ricky | Student |
| 4 | Pamila | Roungue | @pamila | Programmer |
| 5 | Steve | john | @steve | Developer |