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

Question

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

我尝试用jquery模仿此浏览器后退按钮：

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

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

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

Answer 1

您可以在此处使用stateSave选项。如docs中所述：

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

要启用状态保存功能，请执行以下操作：

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