dataTables + scroller + colFix => a weird display bug

dataTables + scroller + colFix => a weird display bug

tkstks Posts: 1Questions: 0Answers: 0
edited February 2014 in Plug-ins

I'm currently having a weird display bug using jQuery 1.8.3, jQueryUI 1.9.2, dataTables 1.9.4, Scroller 1.1.0 and fixedColumn 2.0.3.

Only the first column is fixed.

First, when I click on the middle of the scroll, I still have the first column visible, with the others empty.
Then, when the ajax finally loads the data, I only have the others columns with data, and the first column empty. I just have to scroll a little to see the data in all columns.

The fix for the second problem seams easy (maybe using oTable._fnScrollDraw() on the callback, idk)
But I don't know how to fix the first one.

Can we use colFix with Scroller ? Do you have the same behavior ?

JS :
$(document).ready(function() {
var oTable = $("#personne-liste-definition").dataTable( {
"sScrollX": "100%",
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "call.php",
"sScrollY": "180px",
"sDom": "rtS",
"bDeferRender": true,
"oScroller": {
'loadingIndicator' : true,
"fnInitComplete": function () {
new FixedColumns( oTable, {"iLeftColumns":1} );
} );
} );



  • allanallan Posts: 60,345Questions: 1Answers: 9,803 Site admin
    FixedColumns is not currently compatible with Scroller. I'll look at adding a warning into the code to state that fact.

This discussion has been closed.