Please wait

Table Color

  • Lucid
  • Table
  • Table Color
1,784
Visitors
325
Visits
13
Chats
Table Dark
Add Class .table-dark .table-striped
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Table head Dark
Add Class .table-dark .text-white in th
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Table head Light
Add Class .thead-light .text-dark in th
# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter
Solid Color background
Add Class .table-primary
# First Name Last Name Class name
1 Mark Otto No Class
2 Mark Otto .table-primary
3 Jacob Thornton .table-secondary
4 Larry the Bird .table-success
5 Larry Jellybean .table-danger
6 Larry Kikat .table-warning
7 Larry Kikat .table-info
8 Larry Kikat .table-light
9 Larry Kikat .table-dark
Gradient Color background
Add Class .bg-primary
# First Name Last Name Class name
1 Mark Otto No Class
2 Mark Otto .table-primary
3 Jacob Thornton .table-secondary
4 Larry the Bird .table-success
5 Larry Jellybean .table-danger
6 Larry Kikat .table-warning
7 Larry Kikat .table-info
8 Larry Kikat .table-light
9 Larry Kikat .table-dark
Bootstrap Table background
The contextual classes that can be used are:
Class Description
.table-primary Blue: Indicates an important action
.table-success Green: Indicates a successful or positive action
.table-danger Red: Indicates a dangerous or potentially negative action
.table-info Light blue: Indicates a neutral informative change or action
.table-warning Orange: Indicates a warning that might need attention
.table-active Grey: Applies the hover color to the table row or table cell
.table-secondary Grey: Indicates a slightly less important action
.table-light Light grey table or table row background
.table-dark Dark grey table or table row background
Offcanvas
Choose Skin
  • Purple
  • Blue
  • Cyan
  • Green
  • Orange
  • Blush
Theme Option
General Settings