Column headers not displaying properly because of hidden columns and column grouping?

ghiowa

Hello,

Thanks Alan for this wonderful plug-in. I have a table in which two first column are hidden. The colomn headers are not displaying properly for the last column group. (expense column). I have copied sample code below.

[code]

$(document).ready(function() {

var oTable = $("#tblexample").dataTable( {
"bPaginate": false, "bLengthChange": false, "bAutoWidth": false,"aaSorting": [[ 2, "asc" ]],
"aoColumns": [ { "bVisible": false }, { "bVisible": false }, null, null, { "bSortable": false, sWidth: '90px'},
{ "bSortable": false, sWidth: '90px'},{ "bSortable": false, sWidth: '90px'} , { "bSortable": false, sWidth: '90px'},
{ "bSortable": false, sWidth: '90px'},{ "bSortable": false, sWidth: '90px'},{ sWidth: '90px' },
{ "bSortable": false}, /* detail */{ "bSortable": false} /* detail */
],
"fnDrawCallback": function(){
//$('#tblpercentchange td').bind('mouseenter', function () { $(this).parent().children().each(function(){$(this).addClass('datatablerowhighlight');}); });
//$('#tblpercentchange td').bind('mouseleave', function () { $(this).parent().children().each(function(){$(this).removeClass('datatablerowhighlight');}); });
}
});


});



Start demo



ID
percent
Name
Phone
Salary
Income
Expense
Change
Detail
Detail


Nov10
Dec10
Nov10
Dec10
Nov10
Dec10




11111
0.526
Mr John}
DDD
11111
2222
3333
44444
55555
66666
77777







[/code]


Thanks.