删除一行中的一行重新排序 Table 重置重新排序

Question

这里有一个 jsfiddle 来展示我在说什么：

https://jsfiddle.net/ChakronSA/sdwfcrmr/

您可以单击并拖动 "Order" 或 "Name" 列。要重现此问题： 1. 将 "Name 4" 拖到顶部，使其位于 "Name 1" 上方 2. 单击 "Name 2"

旁边的删除按钮

删除"Name 2"时，"Name 4"returns恢复原位。我怎样才能让它留在原地？我觉得我错过了一些明显的东西。谢谢

特别好奇为什么这不符合我的预期：

$(document).on("click", ".myTableDeleteRow", function() {
  table
    .row($(this).parents('tr'))
    .remove()
    .rows().every(function(rowidx) {
    var data = this.data();
    data[0] = rowidx + 1;
    this.data(data);
    })
    .draw(false);
});

Answer 1

这是一个不只使用 tableData 的修复程序

$(document).on("click", ".myTableDeleteRow", function() {
  table
   .row($(this).parents('tr'))
   .remove()
   .draw(false);

  $.each($('#myTable tr td:first-child'),function(index,val){
    $(this).html(index+1)
  });
});

删除一行中的一行重新排序 Table 重置重新排序

Deleting a Row in a rowReorder Table Resets Reordering

jquery

datatables-1.10