是否有可能告诉Safari在打印页面上重复表格标题?

时间:2009-01-19 22:07:01

标签: html safari html-table

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

此代码适用于Firefox,但不适用于Safari:

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

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

修改

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

thead { display:table-header-group; }

3 个答案:

答案 0 :(得分:5)

回答我自己的问题:

谷歌搜索并得不到正确的答案后,我认为根本没有办法来实现它。也许Safari的更高版本会包含它。

答案 1 :(得分:1)

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

答案 2 :(得分:0)

您可能需要考虑为页面的打印版本创建CSS工作表。如果您选择该路线,请使用“position:fixed;”。定位为“固定”的元素将打印在每个打印页面上。

棘手的部分是从文档流中取出任何定位元素(即位置属性不是'静态')。这使得其他(常规流动)元件与固定元件的对准变得坚硬。

根据您问题中的信息,我将整个表包装在一个固定元素中(或者创建一个类,如.printedTable,并将position属性设置为fixed)。这样,表结构将在每个打印页面上重复。

祝你好运。 A.