mirror of
https://github.com/DataTables/DataTables.git
synced 2024-11-30 12:24:10 +01:00
fde6ba858a
New: The distance from the end of the current scrolling container before new data is added (with infinite scrolling) can be controlled with iScrollLoadGap (which is a numeric value in pixels). New: Example (basic_init/scrolling_y_infinite.html) to show how infinite scrolling can be used. Fixed: iDraw was not being incremented for a draw that did not use server-side processing.
61 lines
1.6 KiB
JavaScript
Executable File
61 lines
1.6 KiB
JavaScript
Executable File
// DATA_TEMPLATE: dom_data
|
|
oTest.fnStart( "bInfiniteScroll" );
|
|
|
|
|
|
$(document).ready( function () {
|
|
var oTable = $('#example').dataTable( {
|
|
"bScrollInfinite": true,
|
|
"sScrollY": "200px"
|
|
} );
|
|
|
|
oTest.fnTest(
|
|
"10 rows by default",
|
|
null,
|
|
function () { return $('#example tbody tr').length == 10; }
|
|
);
|
|
|
|
oTest.fnTest(
|
|
"Scroll on 20px adds 10 rows",
|
|
function () { $('div.dataTables_scrollBody').scrollTop(20); },
|
|
function () { return $('#example tbody tr').length == 20; }
|
|
);
|
|
|
|
oTest.fnTest(
|
|
"Scroll on 10px more results in the same number of rows",
|
|
function () { $('div.dataTables_scrollBody').scrollTop(30); },
|
|
function () { return $('#example tbody tr').length == 20; }
|
|
);
|
|
|
|
oTest.fnTest(
|
|
"Scroll to 240px adds another 10 rows",
|
|
function () { $('div.dataTables_scrollBody').scrollTop(240); },
|
|
function () { return $('#example tbody tr').length == 30; }
|
|
);
|
|
|
|
oTest.fnTest(
|
|
"Filtering will drop back to 10 rows",
|
|
function () { oTable.fnFilter('gec') },
|
|
function () { return $('#example tbody tr').length == 10; }
|
|
);
|
|
|
|
oTest.fnTest(
|
|
"Scroll after filtering adds 10",
|
|
function () { $('div.dataTables_scrollBody').scrollTop(20); },
|
|
function () { return $('#example tbody tr').length == 20; }
|
|
);
|
|
|
|
oTest.fnTest(
|
|
"Sorting will drop back to 10 rows",
|
|
function () { oTable.fnSort([[1,'asc']]) },
|
|
function () { return $('#example tbody tr').length == 10; }
|
|
);
|
|
|
|
oTest.fnTest(
|
|
"Scroll after sorting adds 10",
|
|
function () { $('div.dataTables_scrollBody').scrollTop(20); },
|
|
function () { return $('#example tbody tr').length == 20; }
|
|
);
|
|
|
|
|
|
oTest.fnComplete();
|
|
} ); |