对于长打印的表格，在每页的顶部制作镀铬表格标题

Question

我有一张很长的桌子，打印时会跨越几页。

目前，在打印表格时，标题行仅显示在表格的最顶部，而不是显示在每个页面的顶部。

如何让浏览器（特别是chrome）打印出一个＆＃34;粘贴＆＃34;每个打印页面顶部的表格标题？

我的HTML：

<table>
  <!--header-->
  <tr>
    <td>Col 1</td>
    <td>Col 2</td>
    <td>Col 3</td>
    <td>Col 4</td>
  </tr>

  <!--body-->
  <tr>
    <td>Row 1</td>
    <td>Row 1</td>
    <td>Row 1</td>
    <td>Row 1</td>
  </tr>
  <tr>
    <td>Row 2</td>
    <td>Row 2</td>
    <td>Row 2</td>
    <td>Row 2</td>
  </tr>
  . . . . . .
  <tr>
    <td>Row nth</td>
    <td>Row nth</td>
    <td>Row nth</td>
    <td>Row nth</td>
  </tr>
</table>

Answer 1

要使其正常运行，请确保您使用html中的console.log()和<thead>标记，如下所示。有了这些元素，我所知道的每个主要浏览器都会知道如何自动处理分页符：

<tbody>