jQuery数据表:如何在删除行后重置行重新排序序列

Question

我正在使用具有行重新排序功能的jQuery数据表，允许用户更改行拖放的顺序。有一个问题是，当我从客户端的jQuery数据表中删除一行时，行顺序不会重置。jQuery数据表中有没有内置的函数，可以在删除一行后重置索引？

任何帮助都是非常感谢的。

提前感谢！

Answer 1

var myTable= $('#myTable').DataTable({
        "columnDefs": [{
            "searchable": false,
            "orderable": false,
            "targets": 0
        }],
        "order": [[1, 'asc']]
    });
myTable.on('order.dt search.dt', function () {
        myTable.column(0, { search: 'applied', order: 'applied' }).nodes().each(function (cell, i) {
            cell.innerHTML = i + 1;
        });
    }).draw();

function deleteRow() {
    tabelSigner.on('click', 'tbody tr', function () {
        tabelSigner.row(this.rowIndex - 1).remove().draw();
    });
}
function addRow(id, name) {
    tabelSigner.row.add([
        tabelSigner.data().length + 1,
        "<a class='btn btn-warning btn-xs' href='#' onclick = 'deleteRow()'><i class='fa fa-check-circle'>&nbsp;Pilih</i></a>",
        name
    ]);
    tabelSigner.draw();
}

Answer 2

在客户端删除行后，尝试调用"draw()“函数；理想情况下，这将用最新的数据刷新网格(即删除后)。请参阅以下链接。

Draw function description from DataTables website

希望这能有所帮助！！