javascript - 从数据表中删除已删除的行后如何重新排序序列号

Question

我删除行后，序列号列号不会重新排序

我在每行都有“删除”按钮，单击调用 Ajax 从数据中删除记录。它正在从数据库中删除记录，删除记录后我想显示剩余数据并删除表中的特定行，但它正在更改分页并刷新整个表。

var owner_table = null;
$(document).ready(function () {
    owner_table = $('#owners_table').DataTable();

});

function deletehouseowner(oid, rid) {

    $.ajax({
        dataType: "HTML",
        type: "POST",
        data: {
            "oid": oid
        },
        url: "houseowner_delete.php",
        success: function (msg) {
            if (msg === "failure") {

            } else {
                event.preventDefault();
                var table = 'owners_table';
                var row = $(this).closest('tr');
                var id = row.attr("id");
                setTimeout(function () {
                    var siblings = row.siblings();
                    owner_table.row($('#row_' + rid)).remove().draw();
                    siblings.each(function (index) {
                        $(this).children().first().text(index + 1);
                    });
                }, 100);
            }
        }
    });
}

屏幕截图:

Answer 1

SOLUTION

API方法draw()接受控制如何更新表的可选参数。

将 false 传递给 draw()保存当前页面的函数，见下面的代码:

owner_table.row($('#row_'+rid)).remove().draw(false);

DEMO

参见this jsFiddle用于代码和演示。