스크롤 가능한 테이블의 첫 번째 행과 열 잠금

동적 테이블 영역에서 첫 번째 행과 열을 유지하면서 가로 및 세로로 스크롤하는 기능 고정은 매우 인기 있는 기능입니다. CSS만으로 이를 달성하는 것은 불가능하지만 JavaScript가 솔루션을 제공할 수 있습니다.

Meetselva는 개발자가 이 기능을 쉽게 구현할 수 있도록 지원하는 놀라운 플러그인을 개발했습니다. 플러그인은 잘 구성된 HTML 테이블을 스크롤 가능한 테이블로 원활하게 변환하여 작동하며 테이블 헤더와 열은 모두 제자리에 그대로 유지됩니다.

플러그인 사용법은 아래 그림과 같이 간단합니다.

$('#myTable').fxdHdrCol({
    fixedCols: 3,       /* 3 fixed columns */
    width: "100%",  /* set the width of the container (fixed or percentage)*/
    height: 500      /* set the height of the container */
});

플러그인의 실제 기능을 확인하려면 제공된 데모와 문서를 방문하세요.