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

當表格在印刷過程中跨越多個頁面時，通常需要有標題行（TH元素）在每頁重複，以便於參考。 CSS 提供了一種機制來實現此目的。

解決方案：使用 THEAD 元素

CSS 中的 THEAD 元素是專門為此目的而設計的。它允許您定義一組應在每個列印頁面上重複的標題行。使用方法如下：

1. 將表頭包在 THEAD 元素中：

   Header 1	Header 2	Header 3

2. 將以下樣式加入您的 @page 規則：

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

解釋：

• thead 元素用作標題行的容器。
• @頁規則設定頁邊距，並包含一個 @top-left 子規則，其內容屬性設定為 element(thead)。
• 此配置指示瀏覽器在每個列印頁面的左上角呈現 THEAD 元素的內容，從而有效地重複表格標題。

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