Projects
24 Total
Customers
12 Total
Files
17 Total
Sidebar
Tables Examples
Table in white box
You can put a table tag inside an
.element-box class wrapper and add .table class to it to get something like this:
| Customer Name | Orders | Location | Status | Order Total |
|---|---|---|---|---|
| John Mayers | 12 |
|
$354 | |
| Kelly Brans | 45 |
|
$94 | |
| Tim Howard | 112 |
|
$156 | |
| Joe Trulli | 1,256 |
|
$1,120 | |
| Fred Kolton | 74 |
|
$74 |
Table without wrapper
You can put a table tag inside an
.element-box-tp class wrapper and add .table class to it to get something like this:
Table Striped
You can add class
.table-striped and .table to a table element to get striped table:
| Customer Name | Orders | Location | Status | Order Total |
|---|---|---|---|---|
| John Mayers | 12 |
|
$354 | |
| Kelly Brans | 45 |
|
$94 | |
| Tim Howard | 112 |
|
$156 | |
| Joe Trulli | 1,256 |
|
$1,120 | |
| Fred Kolton | 74 |
|
$74 |
Bordered and Striped Table
You can add class
.table-bordered, .table-striped and .table to a table element to get striped table:
| Customer Name | Orders | Location | Status | Order Total |
|---|---|---|---|---|
| John Mayers | 12 |
|
$354 | |
| Kelly Brans | 45 |
|
$94 | |
| Tim Howard | 112 |
|
$156 | |
| Joe Trulli | 1,256 |
|
$1,120 | |
| Fred Kolton | 74 |
|
$74 |
Menu Settings
Sub Menu
Other Settings
Demo Chat
Support Agents
Side Tables
Table in white box
You can put a table tag inside an
.element-box class wrapper and add .table class to it to get something like this:
| Customer | Status |
|---|---|
| John Mayers | |
| Kelly Brans | |
| Tim Howard | |
| Joe Trulli | |
| Fred Kolton |