728x90
Sticky
-
테이블 헤더 고정 sticky프론트엔드/css 2022. 1. 21. 19:19
테이블 헤더 고정 sticky thead 고정시키기 table의 tbody 내용이 많아지면, 스크롤에 넘어가지 않도록 thead를 고정시켜야 할 때 있다. thead 고정하는 방법 - datagrid 라이브러리 이를 구현하기 위해 datagrid 라이브러리를 사용하는 것이 가장 안정적이고 편하기도 하겠지만, 단순히 thead의 고정만을 위해 datagrid 라이브러리를 사용하는 것은 비효율적이다. thead 고정하는 방법 - 만으로 thead를 고정시키는 방법에 대해 서치를 해보면 몇 가지 방법이 나오는데, 모든 상황을 만족시키는 방법은 없다. 특히, table-layout 속성을 변형(fixed) 시키면서까지 헤더 고정 기능을 구현하는 방법은, 순수 이 가지고 있는 너무나 큰 장점들을 버리게 된다. (..