jquery数据表按索引删除行

Question

我知道这个问题很受欢迎，但所有答案都是针对选定的行。我正在尝试删除/删除未选择的行。我有一个要从中删除行的表变量，并且有要删除的行的索引。

有多种方法可以获取表或行的句柄:

var table = $('#tableName');
var rows = $('#tableName tbody tr').toArray();
var oTable = $('#tableName').dataTable();

我知道如何在选定的行上使用 row.remove() 方法。

var jThisButton = $(this);
var jRow = jThisButton.parents("tr");
jRow.remove();

但是我的行未被选中；相反，我有一个索引。假设我的索引是 2。使用类似上面的代码，也许我可以按索引获取行并将其删除，如下所示:

var jRow = table.find('tr').eq(index);
jRow.remove();

除非那不起作用。该代码将我想要删除的行移动到最后一行，然后变得不稳定，显示搜索栏。

您可以在下图中看到表中有 4 行。

如何删除索引 2 处存在的 tr？

我在任何地方都找不到这个问题的答案。请帮忙!

Answer 1

试试这个:

oTable.row(index).remove().draw();

从 DOM 中删除 tr 不会将其从 DataTable 中删除。如果再次绘制DataTable，删除的行将返回 View 。

remove()将从 DataTable 中删除该行并调用 draw()将更新数据表。这也将更新行计数信息。

更新

对于 DataTable 1.9.4，以下代码将起作用

oTable.fnDeleteRow(index);

draw()不需要，因为数据表在 fnDeleteRow() 之后刷新