2016-11-24 8 views
2

DataTableを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()メソッドを実行した後、無限ループではありません(がAjaxを呼び出す)スクロール:(

を基本的に、私は既存の行を置き換えるのではなく、テーブルの最後に新しい行を追加する必要があります。

ところで、同様の質問がposted to DataTables forumだったが、投票回答なし。

答えて

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

これを働くことは1つだけですスクロール・プラグインを組み込むことを覚えておく必要があります。 jquery.datatables.jsの一部ではありません

関連する問題