Aero

Please wait...

Tables Color

TableDarkAdd Class .table-dark .table-striped

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Table headDarkAdd Class .thead-dark

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

Table headLightAdd Class .thead-light

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larrythe Bird@twitter

SolidColor background Add Class .bg-pink

#First NameLast NameClass name
1MarkOtto.bg-blue
2JacobThornton.bg-cyan
3Larrythe Bird.bg-amber
4LarryJellybean.bg-blush
5LarryKikat.bg-purple

Bootstrap4 Table background The contextual classes that can be used are:

ClassDescription
.table-primaryBlue: Indicates an important action
.table-successGreen: Indicates a successful or positive action
.table-dangerRed: Indicates a dangerous or potentially negative action
.table-infoLight blue: Indicates a neutral informative change or action
.table-warningOrange: Indicates a warning that might need attention
.table-activeGrey: Applies the hover color to the table row or table cell
.table-secondaryGrey: Indicates a slightly less important action
.table-lightLight grey table or table row background
.table-darkDark grey table or table row background