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

时间:2015-10-22 15:19:31

标签: javascript jquery datatables

enter image description here删除行后,序列号列号不会重新排序

我在点击调用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);
            }
        }
    });
}

截图:

screenshot

1 个答案:

答案 0 :(得分:0)

  

<强>解

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

false传递给draw()功能以保留当前页面,请参阅以下代码:

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

<强>样本

请参阅this jsFiddle以获取代码和演示。