화살표가있는 열 이동

Question

데이터를 이동하기 위해 머리글에 화살표가있는 HTML 테이블에서 열 숨기기/표시를 만들고 싶습니다.

왼쪽 화살표를 누르면 왼쪽 열 (예 : 2011-04 개월 열)이 표시되고 오른쪽 열 (예 : 2011-11 월 열)이 숨겨집니다. 일종의 jQuery 스크립트가 있나요? 아니면 내 스크립트를 만들어야합니까?

Answer 1

$(document).keydown(function(e){ 
     switch (e.keyCode) { 
      case 37: 
       console.log('left'); 
       $("#leftCollumn").show(); 
       $("#rightCollumn").hide(); 
       break; 
      case 38: 
       console.log('up'); 
       break; 
      case 39: 
       console.log('right'); 
       $("#leftCollumn").hide(); 
       $("#rightCollumn").show(); 
       break; 
      case 40: 
       console.log('down'); 
       break; 
      default: 
       console.log('all others'); 
      }  
    });