Getting Style issues when I use scroll

sivaarun

I am calling the datatable on a table with 12+ columns


$("#EmpTemplate").tmpl(EmpObj).appendTo("#EmpDataGrid");
oTable = $("#EmpDataGrid").dataTable({
"bProcessing": false,
"bFilter": true
});

The above works fine, but if I add the below, it breaks the header. Header is displaying in say 50% space, which is wrong, but the table body has a scroll, which is correct.

"sScrollX": "100%",
"sScrollXInner": "1200px",
"bScrollCollapse": true

Also when we click the table header, the alignment gets corrected, but the horizantal scroll, that was with the table, goes all the way down to the bottom of the page and this breaks the table design.

Can anyone help fix this and tell me where I am going wrong?

The debug code is : ikurun

Regards,
Arun..