title: Disable padding added by DataTables
body: <p>I am trying to center my table header text, but because of the bootstrap 3 icons added by the dataTables stylesheet my text is moved slightly to the left. How can I center the text correctly?</p>
  <pre><code>&lt;table class=&quot;table table-bordered table-hover center-all&quot; id=&quot;dataTable&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th scope=&quot;col&quot; style=&quot;text-align: center&quot;&gt;Name&lt;/th&gt;
        &lt;th scope=&quot;col&quot; class=&quot;headerText&quot;&gt;Result&lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  <p>This is the result currently:</p>
  <p><img src="https://i.ibb.co/xYNCQRv/Anmerkung-2021-07-20-170819.png" alt="Text" /></p>
  <p>EDIT:</p>
  <p>This is where dataTables adds the padding, is there a way to disable this?</p>
  <p><img src="https://i.ibb.co/kh29P1r/Anmerkung-2021-07-21-101210.png" alt="Text" /></p>