【问题标题】:jQuery datatable: How to reset row reordering sequence after deleting a rowjQuery datatable:删除行后如何重置行重新排序顺序
【发布时间】:2017-05-04 11:55:14
【问题描述】:

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

非常感谢任何帮助。

提前致谢!

【问题讨论】:

  • 您是否偶然发现了这一点?现在处理它...

标签: jquery datatables


【解决方案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();
}

【讨论】:

    【解决方案2】:

    在客户端删除行后尝试调用“draw()”函数;理想情况下,它将使用最新数据(即删除后)刷新网格。请参考以下链接。

    Draw function description from DataTables website

    希望对你有帮助!!

    【讨论】:

    • 感谢您的建议,但我已经尝试过了,但对我不起作用。
    猜你喜欢
    • 1970-01-01
    • 2019-02-22
    • 1970-01-01
    • 2016-04-27
    • 1970-01-01
    • 1970-01-01
    • 2011-08-12
    • 2020-05-22
    • 2017-07-13
    相关资源
    最近更新 更多