如何在jquery DataTable中保持活动页面

Question

我在jquery dataTable上列出了几个数据,并通过DataTable插件默认完成了分页.我希望在处理数据时获取dataTable的当前页面,并在处理操作并将数据重新加载后将该页面设置为活动状态.

Answer 1

看到这个小提琴.您可以看到如何获取当前页面.在JSFiddle中,您可以尝试刷新浏览器.例如,当前页面现在是3.当您刷新浏览器时,您仍然在第3页.

要解决您的问题,想要在编辑或删除行时返回到最后一页,您必须使用此选项使jquery数据表记住最后一页的位置.Jquery Datatable将保存表的状态(其分页位置,排序状态等).状态保存方法使用HTML5 localStorage和sessionStorage API来有效存储数据.请参阅此链接以阅读有关它的更多详细信息.国家储蓄

"bStateSave": true

JSFiddle链接

小提琴演示

Javascript代码

$(document).ready(function() {
    var table = $('#example').DataTable({
        "sPaginationType": "full_numbers",
        "bStateSave": true
    });

    $("#example").on('page.dt', function () {
    var info = table.page.info();
        $('#pageInfo').html('Currently showing page ' + (info.page + 1) + ' of ' + info.pages + ' pages.');
    });
} );