html - 是否可以告诉 Safari 在打印页面上重复表格标题？

Question

是否可以在每个打印页面上重复 Safari 中的表格标题？

此代码适用于 Firefox，但不适用于 Safari：

<table>
  <thead>
    <tr>
      <td>Header1</td>
      <td>Header2</td>
    </tr>
  </thead>

  <!-- lots of rows -->
</table>

编辑：

以下内容无法修复它，因此它不能与 IE 具有相同的错误：

thead { display:table-header-group; }

score 5 · Accepted Answer

回答我自己的问题：

在谷歌搜索并没有得到正确答案后，我认为根本没有办法完成它。也许更高版本的 Safari 会包含它。

score 1 · Accepted Answer

thead您可以考虑在下桌时定期重印。如果表格很长，即使在屏幕上查看，这也可能是有益的，因为标题很可能会很快滚动出屏幕。但是，如果您不想在屏幕上显示它，您可以将一个类添加到重新打印的标题中，将它们隐藏在屏幕上，并仅在打印样式表中显示它们。

score 0 · Accepted Answer

您可能需要考虑为页面的打印版本创建 CSS 表。如果您选择该路线，请使用“位置：固定；”。定位为“固定”的元素打印在每个打印页面上。

棘手的部分是任何定位元素（即位置属性不是“静态”）都从文档流中取出。这使得其他（常规流动的）元素与固定元素的对齐变得困难。

根据您问题中的信息，我会将整个表格包装在一个固定元素中（或创建一个诸如 .printedTable 之类的类，并将位置属性设置为固定）。这样，表格结构将在每个打印页面上重复。

祝你好运。一种。

3 回答 3