javascript - 更改 AJAX 数据表的当前页面

Question

我目前有一个包含一些数据的数据表。问题如下:总共 91 行，我们将分页设置为每页 10 行。这给了我们 10 页，最后一页只有 1 行。

每当我对表进行任何更改时，我都会使用 DataTables API 中的 .ajax.reload() 方法来刷新表，并且我将“keepPage”参数传递为 true，这意味着如果我位于第 5 页我编辑了一些东西，在服务器端处理之后，我的数据仍然会加载第5页。

但是，当我在只有一行的最后一页上删除该行时，问题就出现了。我的表格刷新到第 10 页，由于上面没有任何内容，因此它显示一个空表格。

如何将这种情况下的页面更改为上一个页面？

Answer 1

使用page.info()在使用 ajax.reload() 重新加载之前获取有关表的分页信息。

然后执行以下计算。

var table = $('#example').DataTable();

// Get paging information
var info = table.page.info(); 

// Number of deleted rows
var numDeleted = 1;    

// Calculate number of pages after deleting rows
var numPagesAfter = Math.ceil((info.recordsDisplay - numDeleted)/info.length);

// If number of pages after deleting rows is less than total number of pages
// and the last page is displayed
if(numPagesAfter < info.pages && info.page === (info.pages - 1)){
   // Go to previous page using zero-based index
   table.page(numPagesAfter - 1);
}

// Reload table
table.ajax.reload();