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

回答

相關問題