Static Table
simple tables with several stylesResponsive Table
| # | First Name | Last Name | Username | Last Login | Birthdate | Age | Orders |
|---|---|---|---|---|---|---|---|
| 1 | Steve | Jobs | @steve | Today | Jun 23 | 28 | 12 |
| 2 | Simon | Philips | @simon | 24 minutes ago | Aug 14 | 22 | 5 |
| 3 | Jane | Doe | @jane | Yesterday | Jul 25 | 25 | 22 |
| 2 | Simon | Philips | @simon | 24 minutes ago | Aug 14 | 22 | 5 |
| 3 | Jane | Doe | @jane | Yesterday | Jul 25 | 25 | 22 |
| 1 | Steve | Jobs | @steve | Today | Jun 23 | 28 | 12 |
| 2 | Simon | Philips | @simon | 24 minutes ago | Aug 14 | 22 | 5 |
Contextual Table
Use contextual class on row or cell to indicate message such as .success, .info, .warning and .danger
| Month | Visits | Orders | Revenue |
|---|---|---|---|
| 1 | 27,785 | 245 | $23,400 |
| 2 | 24,564 | 237 | $22,630 |
| 3 | 28,249 | 312 | $26,602 |
| 4 | 19,592 | 312 | $24,112 |
| 5 | 22,262 | 282 | $23,611 |
| 6 | 15,199 | 112 | $18,992 |
Basic Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Steve | Jobs | @steve |
| 2 | Simon | Philips | @simon |
| 3 | Jane | Doe | @jane |
Bordered Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Steve | Jobs | @steve |
| 2 | Simon | Philips | @simon |
| 3 | Jane | Doe | @jane |
Condensed Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Steve | Jobs | @steve |
| 2 | Simon | Philips | @simon |
| 3 | Jane | Doe | @jane |
Striped Rows
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Steve | Jobs | @steve |
| 2 | Simon | Philips | @simon |
| 3 | Jane | Doe | @jane |
Hover Rows
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Steve | Jobs | @steve |
| 2 | Simon | Philips | @simon |
| 3 | Jane | Doe | @jane |
Dark Table Header
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Steve | Jobs | @steve |
| 2 | Simon | Philips | @simon |
| 3 | Jane | Doe | @jane |