인쇄 모드에서 표 머리글 반복

인쇄 중에 표가 여러 페이지에 걸쳐 있는 경우 머리글 행(TH 요소 ) 쉽게 참조할 수 있도록 각 페이지마다 반복됩니다. CSS는 이를 달성하기 위한 메커니즘을 제공합니다.

해결책: THEAD 요소 사용

CSS의 THEAD 요소는 이 목적을 위해 특별히 설계되었습니다. 이를 통해 인쇄되는 모든 페이지에서 반복되어야 하는 머리글 행 집합을 정의할 수 있습니다. 사용 방법은 다음과 같습니다.

1. THEAD 요소에 테이블 헤더를 래핑합니다.

   Header 1	Header 2	Header 3

2. @page 규칙에 다음 스타일을 추가하세요.

   @page {
     margin: 1cm;
     @top-left {
       content: element(thead);
     }
   }

설명:

• thead 요소는 헤더 행의 컨테이너 역할을 합니다.
• @ 페이지 규칙은 페이지 여백을 설정하고 콘텐츠 속성이 요소(thead)로 설정된 @top-left 하위 규칙을 포함합니다.
• 이 구성 인쇄된 모든 페이지의 왼쪽 상단에 있는 THEAD 요소의 내용을 렌더링하도록 브라우저에 지시하여 테이블 헤더를 효과적으로 반복합니다.

THEAD 요소를 활용하면 테이블 헤더가 각 인쇄 페이지에 일관되게 표시되어 독자에게 명확하고 편리한 참조 자료를 제공합니다.