是否可以在每个打印页面上重复Safari中的表格标题?
此代码适用于Firefox,但不适用于Safari:
<table>
<thead>
<tr>
<td>Header1</td>
<td>Header2</td>
</tr>
</thead>
<!-- lots of rows -->
</table>
修改
以下内容无法修复,因此它不能与IE具有相同的错误:
thead { display:table-header-group; }
答案 0 :(得分:5)
回答我自己的问题:
谷歌搜索并得不到正确的答案后,我认为根本没有办法来实现它。也许Safari的更高版本会包含它。
答案 1 :(得分:1)
您可以考虑定期重新打印thead
。如果表格相当长,即使在屏幕上观看,这也可能证明是有益的,因为标题很可能很快就会从屏幕上滚动。但是,如果您不想在屏幕上显示它,可以在重新打印的标题中添加一个类,将它们隐藏在屏幕上,并仅在打印样式表中显示它们。
答案 2 :(得分:0)
您可能需要考虑为页面的打印版本创建CSS工作表。如果您选择该路线,请使用“position:fixed;”。定位为“固定”的元素将打印在每个打印页面上。
棘手的部分是从文档流中取出任何定位元素(即位置属性不是'静态')。这使得其他(常规流动)元件与固定元件的对准变得坚硬。
根据您问题中的信息,我将整个表包装在一个固定元素中(或者创建一个类,如.printedTable,并将position属性设置为fixed)。这样,表结构将在每个打印页面上重复。
祝你好运。 A.