新しく追加された行のデータページングページング

Question

テーブルのページ付けにプラグインを使用しています。datatableプリロードされたテーブル（here）でうまく動作します。

しかし、問題は私がjqueryで新しい行を追加するときです。新しい行を追加している間はページ・ラードがないので、ページングは​​表に適用されていないようです。

[add new row]ボタンをクリックすると、さらに行を挿入できます。ここで

demo

Answer 1

は、データテーブル

ステップ1での行を追加するための正しい方法である：変数

でストアあなたのDataTable

var table = $('#example').DataTable(); 

ステップ2：後でデータテーブルに新しい行として挿入された配列を宣言する

var tds = []; 

ステップ3：最後に

tds.push($(this).html()); 

あなたの行列としてあなたtdsの各tdの値をプッシュし：だからあなたの最終のDataTable

table.row.add(tds).draw(false); 

に新しいデータを挿入JavaScriptコードはこのようになります

var table = $('#example').DataTable(); 
$("#insert-more").click(function() { 
    $("#example").each(function() { 
     var tds = []; 
     jQuery.each($('tr:last td', this), function() { 
      tds.push($(this).html()); 
     }); 
     table.row.add(tds).draw(false); 
    }); 
}); 

JS Fiddle