[javascript] SlickGrid의 세로 스크롤바 숨기기
// SlickGrid 인스턴스 생성
var grid = new Slick.Grid("#grid", data, columns, options);
// 숨기기를 원하는 세로 스크롤 속성 선택
var canvas = grid.getCanvasNode();
var scrollbar = canvas.parentNode.getElementsByClassName("slick-scrollbar-vertical")[0];
scrollbar.style.display = "none";
위의 코드는 첫 번째 줄에서 SlickGrid를 초기화하고, 두 번째 줄에서는 세로 스크롤바를 숨기고 싶은 그리드의 DOM 요소의 ID를 전달하여 그리드 인스턴스를 생성합니다. 세 번째 줄에서는 getCanvasNode()
메서드를 사용하여 그리드의 캔버스 노드를 가져옵니다. 그리드의 캔버스 노드는 그리드의 콘텐츠가 표시되는 영역입니다. 마지막으로 getElementsByClassName()
메서드를 사용하여 세로 스크롤바 DOM 요소를 가져온 다음, display
속성을 "none"
으로 설정하여 세로 스크롤바를 숨깁니다.
이 방법으로 SlickGrid의 세로 스크롤바를 숨길 수 있습니다. 하지만 세로 스크롤바를 숨기면 사용자가 그리드의 모든 데이터를 볼 수 없는 문제가 발생할 수 있으므로, 신중하게 사용해야 합니다.
참고 문서: