如何在不使用 JavaScript 的情況下列印 Web 報表中的自訂頁首和頁尾？

在每個頁面上列印自訂頁眉和頁腳

產生基於Web 的列印報告時，可能需要包含自訂頁首和頁尾每頁的頁尾。然而，最初假設該功能在瀏覽器視窗中是不可能的。

儘管之前有研究，但透過使用表格出現了一個可能的解決方案。透過使用 CSS 設定表格元素的樣式，可以分別使用 thead 和 tfoot 標籤來定位頁首和頁尾。

<table style="display: table">
  <thead style="display: table-header-group">
    <tr><td>Your header goes here</td></tr>
  </thead>
  <tfoot style="display: table-footer-group">
    <tr><td>Your footer goes here</td></tr>
  </tfoot>
  <tbody>
    <!-- Report body -->
  </tbody>
</table>

為了確保頁眉和頁腳僅在印刷媒體上可見，CSS 媒體查詢可以實現：

@media print {
  thead { display: table-header-group; }
  tfoot { display: table-footer-group; }
}
@media screen {
  thead { display: none; }
  tfoot { display: none; }
}

最初，解決方案預計僅適用於Firefox 和Internet Explorer。然而，最近的更新已擴展了其對 Chrome 和 Safari 的兼容性。

這種基於表格的方法提供了一種可行的解決方法，用於在每個頁面上列印自訂頁首和頁腳，即使 Internet Explorer 6 中的 CSS 支援有限。

以上是如何在不使用 JavaScript 的情況下列印 Web 報表中的自訂頁首和頁尾？的詳細內容。更多資訊請關注PHP中文網其他相關文章！