table의 header와 footer 부분은 고정이고 tbody 영역은 스크롤되게 어떻게 하나요??

Question

헤더1헤더2헤더3본문1본문2본문3푸터1푸터2푸터3 위 표를 예시를 들면 헤더1 ~ 헤더3와 푸터1 ~ 푸터3까지는 고정되고본문1 ~ 본문3까지는 상하스크롤이 가능해야 합니다 그리고 본문1 ~ 본문3 의 width는 내용에따라 가변이 될 수 있고본문에 width에 맞게 헤더와 푸터의 width도 같이 변경되어야 하는데어떻게 해야할지 모르겠네요ㅜㅜ 구글에서 참조한 소스는 https://stackoverflow.com/questions/37272331/html-table-with-fixed-header-and-footer-and-scrollable-body-without-fixed-widths 이 소스를 참고했는데width에 px 고정인것 같아서 확신이 안서네요....

께르르르륵 · Answer

헤더1	헤더2	헤더3
본문1	본문2	본문3
푸터1	푸터2	푸터3

이렇게 감싸주심이 어떨까요?height는 기준 높이를 지정해서 이 영역이 넘어가면 스크롤을 발생해주기위해 지정해둔것입니다.

table의 header와 footer 부분은 고정이고 tbody 영역은 스크롤되게 어떻게 하나요??

1개의 답변

#tfooter 목록