title: How to change the jquery datatable column color
body: <p>I am creating and populating jquery Datatable dynamically without prior declaring column and rows from the values received from ajax call.Now I want to change my Datatable column header color. Below is the markup of my table.</p>
  
  <pre><code> &lt;div class="row" style="padding-top: 2em;"&gt;
          &lt;div class="col-sm-12"&gt;
              &lt;div class="row" style="padding-top: 2em;"&gt;
                  &lt;div class="col-sm-12"&gt;
                      &lt;table id="adt" class="table table-bordered table-hover compact table-striped" cellspacing="0" style="width: 100%"&gt;
                      &lt;/table&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>How to update the column color in this case? Please help</p>