dataTables在表格中保存位置

Question

我有一个棋盘游戏（玩家，事件，结果等）的dataTables表（http://communitychessclub.com/examine.php），用户可以点击该行并弹出游戏移动。但是我希望用户能够按下后退按钮并返回到上一张表格中从当前游戏链接所在的行。

任何想法？

我的脚本初始化：

<link rel="stylesheet" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" /> 
<link rel="stylesheet" href="css/dataTable.css" /> 
<link rel="stylesheet" href="//cdn.datatables.net/scroller/1.4.2/css/scroller.dataTables.min.css" /> 
<script async onload="myInit()" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 
<script async onload="myInit()" src="//cdn.datatables.net/scroller/1.4.2/js/dataTables.scroller.min.js"></script> 

<script> 

$(document).ready(function() { 
$('#cccr').DataTable({ 

"createdRow": function(row, data, index) {$(row).attr('game', data.game);}, 

"search": {"search": "<?php echo ($_GET['player']); ?>"}, 

"deferRender": true, 
"oSearch": {"sSearch": "<?php echo ($_GET['player']); ?>"}, 
"aaSorting": [], 
"bPaginate": true, 
"bLengthChange": true, 
"bFilter": true, 
"bSort": true, 
"bInfo": true, 
"sPaginationType": "full_numbers", 
//"sScrollY": "24.15rem", 
"responsive": true, 
"bAutoWidth":true, 
"autoWidth": true, 
"stateSave": true, 
"ajax": "assets/games.ajax", 

"columns": [ 

{ "data": "Date", "width": "7rem", }, 
{ "data": "Event" }, 
{ "data": "ECO" }, 
{ "data": "White" }, 
{ "data": "WhiteElo" }, 
{ "data": "Black" }, 
{ "data": "BlackElo" }, 
{ "data": "Result" }, 
{ "data": "game", visible : false } 
] 

}); 

$("#cccr").on("click", "tr", function() { 
window.location.href = 'basic.php?game='+$(this).attr('game'); 
}); 
}); 

</script> 

Answer 1

我建议使用这真的相当清凉extension。它应该允许你回到你离开的同一个地方。或者，您可以随时将移动细节移至模态对话框中。

Answer 2

一个可能的解决方案，在页面卸载或您的点击操作中，获取光标的y位置。将其保存在本地/会话存储中，并返回页面时，抓取该值并移至该位置。