FixedColumns issue with jumpy fixed column
FixedColumns issue with jumpy fixed column
I have an issue with my datatable when using FixedColumns. Following the basic initialization and fixing just the 1st left column, as I scroll the table to the right, the fixed column is shaky. When I stop scrolling, the fixed column then fixes in place nicely, but as long as I'm scrolling the table, the fixed column is shaky.
No amount of css tweaking would fix this issue.
Any idea as to why my fixed column is shaky?
No amount of css tweaking would fix this issue.
Any idea as to why my fixed column is shaky?
This discussion has been closed.
Replies
Allan
I've tried both 2.5.0.dev and 2.0.3 and the issue is the same.
One odd thing is that the horizontal scrollbar is under all the columns, including the fixed one. In your examples, the fixed column does not have the scrollbar underneath it. Perhaps this is the problem? But I don't know how to fix that.
Thanks.
Here is my datatable code if it will help:
var oTable = $('#slot').dataTable( {
"sScrollY": 500,
"sScrollX": "100%",
"bScrollCollapse": true,
"bFilter": false,
"bPaginate": false,
"bSort": false,
"asStripeClasses": [ ],
"sDom": 'C<"clear">lfrtip',
"oColVis": {
"fnLabel": function ( index, title, th ) {
return ''+ th.getAttribute('title') + '';
},
"buttonText": "Adjust Drives",
"aiExclude": [ 0, 1 ],
"bRestore": true,
"sAlign": "left"
},
} );
new FixedColumns( oTable );
Allan
I tried an experiment. I copied your code exactly in the basic initialization example, table and all js links, and I still get the scrollbar under the fixed column. I have no other css nor js other than what is in your example, and the fixed column still doesn't work right.
I'm still not able to reproduce that problem I'm afraid. What browser are you using and its version?