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

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

解决方案

API 方法draw() 接受可选参数，用于控制表的更新方式。

将false 传递给draw() 函数以保留当前页面，请参见下面的代码：

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

演示

有关代码和演示，请参阅this jsFiddle。