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だったが、投票回答なし。