This time I have a simple question.

Here there is my query results, showed in the web app using jQuery Data Table:

As you can see, the elements are not centered inside the column cells. So, the question is: how can I show the elements, both numbers and buttons, centered?

This time I have a simple question.

Here there is my query results, showed in the web app using jQuery Data Table:

As you can see, the elements are not centered inside the column cells. So, the question is: how can I show the elements, both numbers and buttons, centered?

• javascript
• jquery
• html
• css

Share Improve this question Follow asked Aug 9, 2017 at 9:38 Luca SepeLuca Sepe 81555 gold badges2020 silver badges3232 bronze badges 2

• Can you post the html and css? – Thomas Orlita Commented Aug 9, 2017 at 9:39
• text-align: center; Works also for your buttons. – Doomenik Commented Aug 9, 2017 at 9:41

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Add

th.dt-center, td.dt-center { text-align: center; }

to your css, or use Javascript

$(document).ready( function () {
   var table = $('#example').DataTable({
   "columnDefs": [
       {"className": "dt-center", "targets": "_all"}
    ]
  });
});