Datatables builder


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