转到另一个页面时如何保持数据表状态？答案

【问题标题】：How can I keep the datatable state when go to another page?转到另一个页面时如何保持数据表状态？
【发布时间】：2020-04-20 10:21:43
【问题描述】：

我的页面上有一个数据表。例如，我在分页的第 5 页上，然后单击一行，这会将我链接到另一个页面。当我点击浏览器的后退按钮时，我将被引导回到上一页，并在数据表页面中选择了 5。

我尝试用 jquery 模仿这个浏览器的后退按钮：

 <button onclick="goBack()">Go Back</button>

<script>
function goBack() {
  window.history.back();
}
</script>

但现在数据表已刷新，我又回到了第 1 页。但我需要数据表来保留第 5 页。

【问题讨论】：

请注意，遍历历史与jQuery无关，这是一个Javascript问题。此外，“数据表”标签适用于 .Net。您需要“数据表”。因此，我已经重新标记了这个问题。标记未来问题时请小心。

【解决方案1】：

您可以在此处使用stateSave 选项。正如docs中提到的：

启用后，aDataTables 将存储分页位置、显示长度、过滤和排序等状态信息。当最终用户重新加载页面时，表格的状态将被更改以匹配他们之前设置的内容。

启用状态保存使用：

$('#example').dataTable( {
  stateSave: true
});

【讨论】：