sScrollY creates duplicate thead/tr revisited
sScrollY creates duplicate thead/tr revisited
JamesAtThink
Posts: 1Questions: 0Answers: 0
Hello,
I saw that there was another thread about this issue yet it doesn't seem to fit my situation. I've run across an issue where, when adding sScrollY to my table the thead is duplicated. It exists in a new table and again in the original table where it is scrolling. Also the new new thead affects sorting where as the original thead does not. The new thead sorting also seems to cause the css height attribute for the dataTables_scrollBody div to increase with each sort. I've been pulling my hair out over this for about 20 minutes now trying to find any sort of solution be it down grading jquery, jquery ui, or a combination of the 2. I'm using the current versions of jquery (1.8.3) and jquery ui (1.9.2) as well as the current version of datatables (1.9.4).
Please... HELP!
[EDIT] here is a screen shot of the issue: http://imgur.com/VIub5
-James
I saw that there was another thread about this issue yet it doesn't seem to fit my situation. I've run across an issue where, when adding sScrollY to my table the thead is duplicated. It exists in a new table and again in the original table where it is scrolling. Also the new new thead affects sorting where as the original thead does not. The new thead sorting also seems to cause the css height attribute for the dataTables_scrollBody div to increase with each sort. I've been pulling my hair out over this for about 20 minutes now trying to find any sort of solution be it down grading jquery, jquery ui, or a combination of the 2. I'm using the current versions of jquery (1.8.3) and jquery ui (1.9.2) as well as the current version of datatables (1.9.4).
Please... HELP!
[EDIT] here is a screen shot of the issue: http://imgur.com/VIub5
-James
This discussion has been closed.
Replies
DataTables has to have a duplicate thead when scrolling is enabled, but it should be hiding it like it does in my demos, so we need to know what that isn't occurring on you page, and for that we'll need to be able to reproduce the issue.
Allan
even i am facing the same problem mentioned above.
here is the snippet i am using.
[code]
"aoColumns" : [
null,
{
"bVisible" : false
},
{
"sTitle" : "SSSS"
},
{
"sTitle" : "SSS Name"
},
{
"sTitle" : "ABC"
}
,
{
"sTitle" : "XYZ"
}
],
"sScrollY": "200px",
"bPaginate" : false,
"bLengthChange" : false,
"bScrollCollapse": true,
"bDeferRender" : true,
"bRetrieve" : true,
"bDestroy" : true,
"bFilter" : false,
"bSort" : true,
"bInfo" : false,
"aaSorting" : [ [ 0, "asc" ] ]
[/code]
I am getting the duplicate thead. with duplicate sort buttons.