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:
This is where dataTables adds the padding, is there a way to disable this?