jQuery中的datatable 插件新增一行

最新推荐文章于 2023-05-30 19:39:52 发布

最新推荐文章于 2023-05-30 19:39:52 发布 · 931 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript在网页上克隆表格行的方法，并确保新行的唯一标识符被清空，以便后续可以填充新的订单信息。此外，还讨论了如何使新行与DataTable数据保持一致并进行排序。

<tr>
  <td><input type="button" onclick="addRow(this)"</td>
</tr>

function addRow(currentButton)
{

    var row1 = $(currentButton).parent().parent();
    var row2 = row1.clone();
    $(row2.children()[0]).html(null);//把新增的OBID赋值为空
    //$(row2.children()[0]).html(Date.now);//把时间赋值给OBID作为订单行的唯一标示符
    //row2.insertAfter(row1);   
    //table.row.add(row2);
    var rowNode = table
    .row.add(row2)
    .draw()
    .node();
    row1.after(rowNode);   
}

复制完表格的数据需要跟DataTable中的数据一致起来，然后将其进行排序（否则在最后一行）