Table Dark
Inverse Table
You can also invert the colors—with light text on dark
backgrounds—with
.table-inverse
.
User |
Project Name |
Team |
Status |
Budget |
---|---|---|---|---|
Sunil JoshiWeb Designer |
Elite Admin |
Active |
$3.9k |
|
Arlene McCoyProject Manager |
Real Homes WP Theme |
Pending |
$24.5k |
|
Christopher JamilProject Manager |
MedicalPro WP Theme |
Completed |
$12.8k |
|
Evelyn PopeFrontend Engineer |
Hosting Press HTML |
Active |
$2.4k |
|
Micheal DoeContent Writer |
Hosting Press HTML |
Cancel |
$9.3k |
Striped with Inverse Table
Use .table-striped to add zebra-striping to any table row
within the
<tbody>
.
User |
Project Name |
Team |
Status |
Budget |
---|---|---|---|---|
Sunil JoshiWeb Designer |
Elite Admin |
Active |
$3.9k |
|
Arlene McCoyProject Manager |
Real Homes WP Theme |
Pending |
$24.5k |
|
Christopher JamilProject Manager |
MedicalPro WP Theme |
Completed |
$12.8k |
|
Evelyn PopeFrontend Engineer |
Hosting Press HTML |
Active |
$2.4k |
|
Micheal DoeContent Writer |
Hosting Press HTML |
Cancel |
$9.3k |
Bordered with Inverse Table
Add .table-bordered
for borders on all sides
of the table and cells.
User |
Project Name |
Team |
Status |
Budget |
---|---|---|---|---|
Sunil JoshiWeb Designer |
Elite Admin |
Active |
$3.9k |
|
Arlene McCoyProject Manager |
Real Homes WP Theme |
Pending |
$24.5k |
|
Christopher JamilProject Manager |
MedicalPro WP Theme |
Completed |
$12.8k |
|
Evelyn PopeFrontend Engineer |
Hosting Press HTML |
Active |
$2.4k |
|
Micheal DoeContent Writer |
Hosting Press HTML |
Cancel |
$9.3k |
Shopping Cart
5 new-
Supreme toys cooker
Kitchenware Item
$250
-
Supreme toys cooker
Kitchenware Item
$250
-
Supreme toys cooker
Kitchenware Item
$250