complex header and scroll bug

dzephyrcoder

The table breaks when I have a complex header and scroll bar.

code:

var oTable;

oTable= $("#table_dash_main").dataTable( {
"sDom": 'rt',
"bAutoWidth": false,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": base_url+"dashboard_ajax/main_content",
"aoColumns": [
{"bSortable": false}, null, {"bSortable": false},
{"bSortable": false}, {"bSortable": false}, {"bSortable": false}, {"bSortable": false},
{"bSortable": false}, {"bSortable": false}, {"bSortable": false},
{"bSortable": false}, {"bSortable": false}, {"bSortable": false},
{"bSortable": false}, {"bSortable": false}, {"bSortable": false},
{"bSortable": false}, {"bSortable": false}, {"bSortable": false},
{"bSortable": false}, {"bSortable": false}, {"bSortable": false},
{"bSortable": false}, {"bSortable": false}, {"bSortable": false},
{"bVisible": false }, {"bVisible": false }, {"bVisible": false },
{"bVisible": false }, {"bVisible": false }, {"bVisible": false },
{"bVisible": false }, {"bVisible": false }, {"bVisible": false },
{"bVisible": false }, {"bVisible": false }, {"bVisible": false },
{"bVisible": false }, {"bVisible": false }, {"bVisible": false },
{"bVisible": false }, {"bVisible": false }, {"bVisible": false },
{"bVisible": false }, {"bVisible": false }, {"bVisible": false }
],
"sScrollY": "350px",
"bPaginate": false

});

table:




Client Name
Budget
col1
col2
col3
col4
col5
col6
col7
col8
col9
col10
col11
col12
col13


Acc$
%
$
 
Y730
Y730
Y730
Y730
Y730
Y730
Y730
Y730
Y730
Y730
Y730
Y730
Y730





Loading data from server