Background color
Border color:
Loader color:
Via JavaScript
new Datatable(element, data, { })
.white {
background-color: #FFF!important;
}
.blue-grey {
background-color: #ECEFF1!important;
}
.light-blue {
background-color: #E3F2FD!important;
}
.deep-purple {
background-color: #EDE7F6!important;
}
.grey {
background-color: #EEEEEE!important;
}
.dark {
background-color: #212121!important;
}
.blue-grey-dark {
background-color: #37474F!important;
}
.teal-dark {
background-color: #004D40!important;
}
.deep-purple-dark {
background-color: #4527A0!important;
}
.grey-dark {
background-color: #424242!important;
}
Via data attributes
<div class="datatable" data-mdb-datatable-init></div>
.white {
background-color: #FFF!important;
}
.blue-grey {
background-color: #ECEFF1!important;
}
.light-blue {
background-color: #E3F2FD!important;
}
.deep-purple {
background-color: #EDE7F6!important;
}
.grey {
background-color: #EEEEEE!important;
}
.dark {
background-color: #212121!important;
}
.blue-grey-dark {
background-color: #37474F!important;
}
.teal-dark {
background-color: #004D40!important;
}
.deep-purple-dark {
background-color: #4527A0!important;
}
.grey-dark {
background-color: #424242!important;
}
Need even more robust tables? Try Data Den.
- Quick customization & hyper-focus on data management
- Easily integrate it with any project (not only MDB)
- Column Pinning, Drag&Drop Columns, Advanced Filtering & much more
For enterprise projects & users seeking advanced data controls. Tailor your data your way.