Table header not centered

[jch02140]

I am using a jquery plugin called Datatable and playing a bit with the example code. However, the text in the first row are not centered like the rest. Is there a way to center the texts in the first row?

Here is the fiddle

I tried using the following methods but none of them works:

<thead style="text-align:center">

and

<th style="text-align:center">

[Ingolme]

The heading table cells have uneven padding.

 

This is the code that's causing the problem:

table.dataTable thead > tr > th {    padding-right: 30px;}

Coming from the dataTables.bootstrap.css file.

[jch02140]

Oh Ok. Thanks for the tips.

I did some fix and it's all good now.