如何在不丢失当前页面的情况下重绘数据表

Posted 2023-05-07

【中文标题】如何在不丢失当前页面的情况下重绘数据表

【英文标题】：How to redraw the data table without loosing the current page

【发布时间】：2018-07-15 00:48:33

【问题描述】：

假设我在数据表的第三页，删除了一行数据表，然后重新绘制数据表，它又回到了第一页。但我想在第三页。 这是我的代码，一旦我从数据表中删除该行，它就会进入第一页。

我正在使用 jQuery v1.11.2

var oTable = $('#alluserlist').dataTable();  
oTable.fnDeleteRow(oTable.fnGetPosition(row, null, false));

【问题讨论】：

已检查此Example

您好，欢迎来到 ***。请花一些时间阅读帮助页面，尤其是名为"What topics can I ask about here?" 和"What types of questions should I avoid asking?" 的部分。更重要的是，请阅读the Stack Overflow question checklist。您可能还想了解Minimal, Complete, and Verifiable Examples。

How to reload/refresh jQuery dataTable?的可能重复

重复？链接中的答案涉及到用ajax加载DataTables，这个问题和ajax无关？

【参考方案1】：

当使用 DataTables > 1.10 API 时，您可以将false 传递给draw() 以禁用重新分页

var table = $('#alluserlist').DataTable();
table.row( this ).remove().draw( false );

Documentation here false - 将重新计算排序和搜索，并在新位置重新绘制行。不会重置分页 - 即仍会显示当前页面。

【讨论】：

谢谢lofihelsinki，我弄错了，我调用datatable函数的方式不对，应该是DataTable()，但我声明为dataTable();

【参考方案2】：

        $(document).ready(function() 
        $('#table_id').DataTable( 
            stateSave: true
         );
    );

任何使用 jQuery DataTables 并想要执行任务的人，例如重新加载页面，或者编辑，删除，会面临丢失当前页面并导航到第一页的问题，这个sn-p会帮助他留在同一页面，避免从当前页面返回到第一页。

【讨论】：

欢迎来到 SO。请您向用户解释为什么这是答案。

任何使用 jQuery DataTables 并想要执行任务的人，例如重新加载页面，或者编辑，删除，会面临丢失当前页面并导航到第一页的问题，这个sn-p会帮助他留在同一页面，避免从当前页面返回到第一页。