DataTables Infinite Scroll in 1.10

将DataTables更新为1.10后，bScrollInfinite被替换为新扩展Scroller。问题在于Scroller在表格的div内使用虚拟滚动条。我想通过MAIN BROWSER滚动条创建简单的（我知道，无限滚动有很多麻烦）无限滚动。DataTables Infinite Scroll in 1.10

目前，我有这样的事情：

var dataTable = $('#data-table').DataTable({ 
    serverSide: true, 
    pageLength: 100, 
    searching: true, 
    fixedHeader: { 
     header: true, 
     headerOffset: 50 
    }, 
    ajax: { 
     url: '/url', 
     method: 'POST' 
    }, 
    columns: [ 'col1', 'col2' ], 
}); 

$(window).scroll(function() { 
    if ($(window).scrollTop() + $(window).height() == $(document).height()) { 
     console.log("bottom!"); 
     dataTable.page('next').draw('page'); 
    } 
});

这工作不错，但它由新行替换现有的行（来自新页）。我尝试了成功 Ajax调用和行（）。add（...）。draw（）方法的回调，但在触发draw（）之后，我得到了无限循环（因为draw调用了Ajax）而不是无限滚动:(

基本上，我需要添加新行结束表，而不是替换现有行。

顺便说一句，类似的问题是posted to DataTables forum但没有有用的答案。

来源

2016-11-24 andkojanci

table.datatable({  
     iDisplayLength: 25, 
     serverSide: true, 
     ordering: false, 
     searching: false, 
     sAjaxSource: //url here, 
     scrollY: 1014 //can be any value, 
     scroller: { 
     loadingIndicator: true 
     } 
}

这是会工作但只有一件事你应该记住包括SCROLLER插件。它不是jquery.datatables.js的一部分

来源

2017-11-22 06:53:51

DataTables Infinite Scroll in 1.10

回答

相关问题