javascript - 从页面中删除最后一条记录后，jquery 数据表未重置

Question

我正在与 jQuery datatable 合作with state save: true 具有每页 10 条记录的分页。我有 31 条记录，所以第 4 页只有 1 条记录。

如果我删除此记录，它会显示在页面上找不到记录，理想情况下它应该移动到上一页或第一页。

请帮我解决这个问题。

下面是代码

dataTable = $('.tab-pane.active').find('#' + table).DataTable({
                "lengthMenu": [[10, 25, 50, 100, 250, 500, '-1'], [10, 25, 50, 100, 250, 500, 'All']],
                "processing": true,
                "serverSide": true,
                "responsive": true,
                "scrollX": true,
                "autoWidth": false,
                "stateSave": true,
                "stateSaveParams": function (settings, data) {
                    data.search.search = "";
                },
                "aoColumnDefs": [
                    {'bSortable': false, 'aTargets': [-2, -1]}
                ],
                "initComplete": function ( ) {
                    $('.overlay').fadeOut();
                },
                "ajax": {
                    url: MY_URL,
                    type: "POST", // method  , by default get
                    data: postObj
                }
            }).on('preXhr.dt', function (e, settings, data) {
                if (settings.jqXHR)
                    settings.jqXHR.abort();
            });

删除操作是

academic_master.deleteMaster = function (currentClick)
        {
            var id = currentClick.attr('data-id');
            var delete_id = currentClick.attr('delete-id');
            var action = currentClick.attr('action');

            var data = 'id=' + id + '&delete_id=' + delete_id + '&action=' + action;
            $.ajax({
                type: 'POST',
                url: DELETE_URL,
                data: data,
                datatype: 'json',
                async: false,
                success: function (response) {
                    if (response != '-1' && response != '-20')
                    {
                        dataTable.ajax.reload(null, false);
}
});
}

我曾经调用上面的函数来删除记录，成功后它会重新加载表格，但如果该页面上没有记录，则在同一页面上。

Answer 1

根据文档，分页不会在您的方法中重置。

// user paging is not reset on reload
dataTable.ajax.reload( null, false );

如果您在该行下方使用，您的分页将会重置。但它不会移至上一页。

dataTable.ajax.reload();

建议:如果您遵循此方法，您将能够改进功能/可用性 https://datatables.net/examples/api/select_single_row.html