新添加的行上的數據表分頁

Question

我使用datatable插件表分頁。 它與預加載的表（ 在此處 ）一起正常工作。

但是問題是當我通過jquery添加新行時。 由於添加新行時沒有頁面填充，因此分頁似乎未應用於表。

您可以單擊“ add new row ”按鈕以插入更多行。

這是演示

Answer 1

在數據表中添加行的正確方法

步驟1：將數據表存儲在變量中

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

步驟2：聲明一個數組，該數組隨后作為新行插入到數據表中

var tds = [];

第3步：按您的每個TD值tds為您的行列

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

最后：將新數據插入數據表

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小提琴