Using jquery UI on table without sorting causes heading to not be centered
Using jquery UI on table without sorting causes heading to not be centered
If I create a datatable without sorting, all the headings in the table are centered as if the icons are there which means the text isn't centered and is not lining up with the data in the column. So the column heading is always to the left of where it should by the width of the sort icon.
Here's the code to create the table:
[code]
$('#chosenClients').dataTable( {
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": false,
"bAutoWidth": false,
"aoColumns" : [
{ },
{ sClass: "center" },
{ sClass: "center" }
],
"bProcessing": false
});
[/code]
But if I enable sorting, the icons show up and then everything is centered.
Thoughts?
Here's the code to create the table:
[code]
$('#chosenClients').dataTable( {
"bJQueryUI": true,
"bPaginate": false,
"bLengthChange": false,
"bFilter": false,
"bSort": false,
"bInfo": false,
"bAutoWidth": false,
"aoColumns" : [
{ },
{ sClass: "center" },
{ sClass: "center" }
],
"bProcessing": false
});
[/code]
But if I enable sorting, the icons show up and then everything is centered.
Thoughts?
This discussion has been closed.