인쇄할 때 각 페이지에 표 머리글을 어떻게 반복할 수 있습니까?

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

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

해결책: THEAD 요소 사용

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

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

   <table>
   <thead>
      <tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr>
   </thead>
   <tbody>
      <!-- Table data goes here -->
   </tbody>
   </table>

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

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

설명:

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

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

위 내용은 인쇄할 때 각 페이지에 표 머리글을 어떻게 반복할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!