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"></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;
}