DataTable删除行Jquery

Question

我正在使用datatable插件来制作表格，当我尝试删除当前行时，datatable中的第一行被删除，在搜索中也不应显示已删除的行。

这是我的jQuery代码：

var table = $('#stockistTable').DataTable();
index = $(this).closest('tr').index();
table.row(index.rowIndex-1).remove().draw( false );

- aenugula karthik

Answer 1

你可以尝试这个。

$(document).ready(function() {
    var table = $('#stockistTable').DataTable();
    $('tr').on("click", function(e) {
       index = $(this).closest('tr').index();
       table.row( $(this) ).remove().draw();
     });
} );

- Athul Nath

Answer 2

以下代码对您会有所帮助，

var table = $('#stockistTable').DataTable();
var index = $(this).closest("tr")[0];
table.fnDeleteRow(table.fnGetPosition(index));

这里查看Fiddle演示

- Abhilash Ravindran C K

---

我遇到了这个错误：fnGetPosition 不是一个函数。 - aenugula karthik

是的...我已经包含了，但最新插件中的fnGetPosition是否支持？ - aenugula karthik

Answer 3

您可以将整个行元素制作为Jquery对象，并将其传递给Datatable的row()函数。

var table = $('#stockistTable').DataTable();
var removingRow = $(this).closest('tr');
table.row(removingRow).remove().draw();

- Daniyal Nasir

---

Datatable 版本是什么？ - Daniyal Nasir

Answer 4

  var dtRow=0;  //declare this globally
  dtRow = $(this).closest('tr');  //assigning value on click delete
  var stockistTable=$('#stockistTable').DataTable();
  stockistTable.row(dtRow).remove().draw( false );

这段代码对我有用！！！

- aenugula karthik

Answer 5

这个例子 在这里 展示了如何从点击事件中删除行 - 这应该对你有帮助。

- colin0117