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位置。將其保存在本地/會話存儲中，並返回頁面時，抓取該值並移至該位置。