列印時如何在每頁重複表頭？

在列印模式下重複表格標題

當表格在列印過程中跨越多個頁面時，通常需要有標題行（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 規則設定頁邊距並包含具有 content 屬性的 @top-left 子規則設定為 element(thead)。
• 此設定指示瀏覽器在每個列印頁面的左上角呈現 THEAD 元素的內容，有效地重複表格標題。

透過使用THEAD元素，您可以確保表格標題在每個列印頁面上一致顯示，為讀者提供清晰方便的參考。

以上是列印時如何在每頁重複表頭？的詳細內容。更多資訊請關注PHP中文網其他相關文章！