WEB/CSS1 [CSS]테이블 헤더 고정 시키기 [CSS] position - sticky 속성을 이용한 테이블 헤더 홀드 기능을 구현해봤습니다. sticky는 fixed처럼 고정시키지만 viewport에 고정되어있는 fixed와는 다르게 scroll box에 고정됩니다. 또한 고정 시켜야 하므로 top, right, bottom, left 속성이 필요합니다. 이러한 sticky 속성의 특징을 통해 th태그를 스크롤 상단에 고정시키는 코드를 작성해봤습니다. 아래는 구현한 소스코드입니다. See the Pen Fixed Table header by kjg20260 (@kjg20260) on CodePen. 우선 overflow : auto를 통해 범위를 넘어갈 경우 스크롤이 되도록 하고 에 position : sticky; top: 0; 속성을 주고 배.. 2022. 2. 8. 이전 1 다음