删除rowReorder表中的行重置重新排序

Question

这是一个显示我正在谈论的内容的方法：

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

您可以点击并拖动＆＃34;订单＆＃34;或＆＃34;名称＆＃34;列。要重新创建此问题： 1.拖动＆＃34;名称4＆＃34;到顶部所以它高于＆＃34;名称1＆＃34; 2.单击＆＃34;名称2＆＃34;

旁边的删除按钮

删除＆＃34;名称2＆＃34;，＆＃34;名称4＆＃34;回到原来的位置。我怎么能让它留下来？我觉得我错过了一些明显的东西。感谢。

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

$(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)
  });
});