sScroll breaks table
sScroll breaks table
r3try
Posts: 11Questions: 0Answers: 0
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
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
This discussion has been closed.
Replies
Please link to a test case showing the issue.