克隆其中具有控件的数据表行

Question

我有datatablejs表设置，每一行都有输入，在其中选择控件。我想复制/克隆一行，以便将每个控件的值复制到新行。

var myTr = $(obj).closest('tr');
var clone = myTr.clone();

myTr.after(clone);

上面的代码确实克隆了行，但是它不是数据表的一部分，诸如搜索或排序或页面更改之类的任何事件都将克隆的行删除，如何使克隆的行成为表的一部分？

Answer 1

避免直接操作表，并使用row.add() DataTables API方法而不是jQuery after()方法来添加新行。该API方法接受DOM节点或jQuery对象作为参数。

例如：

var $newRow = $row.clone();
$('#example').DataTable().row.add($newRow).draw();

有关代码和演示，请参见this example。