在打印模式下重复表格标题

是否有可能在CSS中使用@page中的一个属性来说，如果表遍布在多个页面上，那么应该在每个页面上重复表头（th）？

Answer 1

这是THEAD元素的用途。 官方文档在这里 。

Answer 2

一些浏览器按照他们应该重复的方式重复每个页面上的thead元素。 其他人需要一些帮助：添加到您的CSS：

 thead {display: table-header-group;} tfoot {display: table-header-group;} 

无论您尝试什么，Opera 7.5和IE 5都不会重复标题。

_{（ 来源 ）}

Answer 3

在实施这个解决scheme之前，知道Webkit目前不这样做是很重要的。

以下是Chrome问题跟踪器的相关问题： http : //code.google.com/p/chromium/issues/detail? id= 24826

在Webkit问题跟踪器上： https ：//bugs.webkit.org/show_bug.cgi？id = 17205

在Chrome问题跟踪器中对其进行标记，如果您想要显示它对您很重要（我做过）。

Answer 4

飞碟x​​htmlrenderer在PDF输出的每一页重复THEAD，如果你添加以下到您的CSS：

  table { -fs-table-paginate: paginate; } 

（至less从R8发布以来它就起作用了。）

Answer 5

Chrome浏览器和Opera浏览器不支持thead {display: table-header-group;}但是其他的浏览器支持正确的..