Disable padding added by DataTables

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?

<table class="table table-bordered table-hover center-all" id="dataTable">
  <thead>
    <tr>
      <th scope="col" style="text-align: center">Name</th>
      <th scope="col" class="headerText">Result</th>
    </tr>
  </thead>
</table>

This is the result currently:

Text

EDIT:

This is where dataTables adds the padding, is there a way to disable this?

Text



Read more here: https://stackoverflow.com/questions/68457290/disable-padding-added-by-datatables

Content Attribution

This content was originally published by Mathias Vojtek at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: