Please wait...

  • KG
    Hello, John
    What is the update on Project X?
  • Hi, Alizee
    It is almost completed. I will send you an email later today.
  • KG
    That's great. Will catch you in evening.
  • Sure we'will have a blast today.

Color Table

Table DarkAdd Class .table-dark .table-striped

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Table head LightAdd Class .thead-light

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Solid Color background Add Class .bg-pink

# First Name Last Name Class name
1 Mark Otto .bg-blue
2 Jacob Thornton .bg-cyan
3 Larry the Bird .bg-orange
4 Larry Jellybean .bg-pink
5 Larry Kikat .bg-purple
First Column background
# First Name Last Name Class name
1 Mark Otto .bg-blue
2 Jacob Thornton .bg-cyan
3 Larry the Bird .bg-orange
4 Larry Jellybean .bg-pink
5 Larry Kikat .bg-purple

Bootstrap 4 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