dataTables 테이블의 위치 저장

Question

체스 게임 (플레이어, 이벤트, 결과 등)의 dataTables 테이블 (http://communitychessclub.com/examine.php)이 있으며 사용자가 행을 클릭하면 게임이 움직입니다. 그러나 사용자가 뒤로 버튼을 눌러 이전 테이블의 행으로 돌아가서 현재 게임에 대한 링크가 있던 곳에서 되돌릴 수있게하려고합니다.

아이디어가 있으십니까?

내 스크립트 초기화 :이 정말 오히려 extension을 냉각 사용하는 것이 좋습니다 것

<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

. 그것은 당신이 떠난 곳으로 돌아갈 수 있도록해야합니다. 또는 항상 동작 세부 사항을 모달 대화 상자로 이동할 수 있습니다 ...?

Answer 2

한 가지 가능한 해결책은 페이지 언로드 또는 클릭 동작에서 커서의 y 위치를 잡아내는 것입니다. 로컬/세션 저장소에 저장하고 페이지로 돌아가서 값을 잡고 해당 위치로 이동하십시오.