Question

我正在使用datatable插件进行表格分页。它适用于预加载的表（here）。

但问题是当我通过jquery添加新行时。由于在添加新行时没有页面lad，因此表格似乎没有应用分页。

您可以点击“add new row”按钮插入更多行。

以下是 demo

Answer 1

在数据表中添加行的正确方法

第1步：将数据表存储在变量

中

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

第2步：声明一个后来作为新行插入数据表中的数组

var tds = [];

第3步：将tds中的每个td值作为行列推送

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 Fiddle

新添加的行上的数据分页

1 个答案: