Scroller bugs with server data
Scroller bugs with server data
sidamos
Posts: 3Questions: 0Answers: 0
HI!
I am using Chrome, jQuery 1.6.4, DataTables 1.8.2 and Scroller nightly (because current release version threw an exception when I have no "i" in "sDom").
I have my own server fetch function.
I am seeing 2 strange things:
1.
On initial page load, the DataTable requests the first batch of data twice (start=0, length=47, sEcho 1 and 2).
2.
It displays initially "Showing 1 to 18 of 687 entries". Now when I scroll to the end with the "End" key, it fetches 630, 57 with sEcho 3 and displays "Showing 670 to 687 of 687 entries" and the scrollbar handle is not at the end. Pressing the "End" key again pushes the scrollbar handle to the end and it displays "Showing 735 to 687 of 687 entries", so the "from" number is wrong.
Same thing happens when scrolling by dragging the scrollbar handle with the mouse after initial page load.
Definition of the DataTable:
artikelTable = $('#artikelList').dataTable( {
"aaData": [],
"aoColumns": [
{ "sTitle": "id", "sClass": "center" },
{ "sTitle": "Artikel" },
{ "sTitle": "Name" }
],
"sDom": "rtSi",
"bDeferRender": true,
"sScrollY": $('#artikelListHolder').height() - 70 + "px",
"bServerSide": true,
"fnServerData": fetchData,
"sScrollX": "100%"
Thanks!
Thomas
I am using Chrome, jQuery 1.6.4, DataTables 1.8.2 and Scroller nightly (because current release version threw an exception when I have no "i" in "sDom").
I have my own server fetch function.
I am seeing 2 strange things:
1.
On initial page load, the DataTable requests the first batch of data twice (start=0, length=47, sEcho 1 and 2).
2.
It displays initially "Showing 1 to 18 of 687 entries". Now when I scroll to the end with the "End" key, it fetches 630, 57 with sEcho 3 and displays "Showing 670 to 687 of 687 entries" and the scrollbar handle is not at the end. Pressing the "End" key again pushes the scrollbar handle to the end and it displays "Showing 735 to 687 of 687 entries", so the "from" number is wrong.
Same thing happens when scrolling by dragging the scrollbar handle with the mouse after initial page load.
Definition of the DataTable:
artikelTable = $('#artikelList').dataTable( {
"aaData": [],
"aoColumns": [
{ "sTitle": "id", "sClass": "center" },
{ "sTitle": "Artikel" },
{ "sTitle": "Name" }
],
"sDom": "rtSi",
"bDeferRender": true,
"sScrollY": $('#artikelListHolder').height() - 70 + "px",
"bServerSide": true,
"fnServerData": fetchData,
"sScrollX": "100%"
Thanks!
Thomas
This discussion has been closed.