sScroll breaks table

r3try

Hi everyone,
i am using the datatables plugin like this: (my table has class "dataTable")

jQuery('.dataTable').each(
function () {
if (jQuery(this).find('thead').length > 0) {//only apply when element has a thead element
jQuery(this).dataTable({
"sScrollX": "100%",
"bScrollCollapse": true,
"bAutoWidth": false,
"oLanguage": {
"sSearch": ""
}
});
}
}
);

Here is a screenshot of how the result looks like:
http://www.pic-upload.de/view-17114139/table.png.html
-> as you see i get a 2nd header (only the upper one is functional, cant sort on the other one for example)
-> also the sorting arrows are inside my header-text

When i dont put the parameter sScrollX, the 2nd header does not appear, but the problem with the arrows still persists.
But i need to be able to scroll my table.



Do you have any suggestions on how i could fix this?

Edit: If its important: the html code for the table is generated by asp.net GridView...

Best regards,
r3try

allan

http://datatables.net/forums/discussion/12899/post-test-cases-when-asking-for-help-please-read

Please link to a test case showing the issue.