dataTables + scroller + colFix => a weird display bug
dataTables + scroller + colFix => a weird display bug
Hi.
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 :
[code]
$(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} );
}
} );
} );
[/code]
Thanks.
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 :
[code]
$(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} );
}
} );
} );
[/code]
Thanks.
This discussion has been closed.
Replies
Allan