Display issue using rowspan/colspan

mattm

I have a datatable with 2 rows in the header and have bJQueryUI turned on. Col 4 is displaying using the standard datatables formatting but the rest of the datatable is displaying using the JQueryUI theme. Code is as follows:

[code]


Col 1
Col 2
Col 3
Col 4
Col 5
Col 6
Col 7


Col 4a
Col 4b



$("#projecttable").dataTable({
"bJQueryUI" : true,
"bPaginate" : false,
"bLengthChange" : false,
"bFilter" : false,
"bSort" : false,
"bInfo" : false,
"bAutoWidth" : false,
"fnDrawCallback" : function() { $("#projecttable").show(); }
});
[/code]

Any ideas what the issue is?

allan

DataTables doesn't automatically add classes to elements that is doesn't "control" - i.e. it directly controls the elements that are being used for sorting, and thus adds the required classes, but it doesn't do that for the other elements. So to get a unified look add:

[code]
$('thead th').addClass('ui-state-default');
[/code]

to your Javascript.

Its not perfect I know, and I will get a better solution for this in future!

Allan

mattm

Works like a charm - thanks!