테이블2 table-layout:fixed 테이블 셀 너비 변경하는 방법 테이블이 틀어진 경우 table-layout : fixed를 사용하여 테이블 너비를 고정해 틀어진 테이블을 바로 잡는다. 하지만 table-layout : fixed를 사용하면 셀 너비가 모두 동일하게 맞춰져 임의로 너비 조절이 안 되는 경우가 있는데 이때는 colgroup을 사용하여 셀 너비를 변경할 수 있다. table-layout : fixed에 대한 추가 설명을 아래 참조하면 된다. table-layout:fixed으로 테이블 너비 고정하기 1. table-layout 셀 안의 내용에 따라 셀 너비를 고정할지, 변하게 할지 정하는 속성이다. 2. table-layout 속성 [table-layout : auto] 셀 안의 내용에 따라 셀 너비가 변동된다.(기본값) [table-layout : fi.. 2022. 11. 25. 테이블 1열이 고정된 가로 스크롤 테이블 만들기 (position: sticky) 데이터 양이 증가하면 스크롤 길이가 길어지면서 데이터 구별이 어려워지는데 엑셀에서는 틀 고정을 이용해서 데이터를 쉽게 파악할 수 있다. 그래서 이번에는 CSS의 position: sticky를 사용해 좌우 스크롤을 해도 테이블의 첫 번째 열은 고정되어 있는 테이블을 만들어 보려 한다. 1. position: sticky ? 부모 요소 안에서 위치값을 고정시켜준다. top, bottom, left, right 중에 하나는 필수적으로 꼭 설정해야 한다. IE11이하 버전은 지원하지 않는다. 2. HTML, CSS 소스 [HTML] Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 Header 8 Cell01 Cell02 Cell03 Cell04 .. 2022. 8. 23. 이전 1 다음
