Question

打印HTML表格时，您可以使用CSS强制在分页符后再次显示表格的标题行。这种风格：

@media print {
   thead { display: table-header-group; }
}

结果：

Caption
-------------
Col1  | Col2
-------------
Data1 | Data2
Data3 | Data4

--Page Break--

Col1  | Col2
-------------
Data5 | Data6

有没有办法在分页后重复表格标题？我认为你可以做caption { display: table-caption-group; }之类的事情，但这不存在。该解决方案需要在IE9中运行。

Answer 1

我担心没有办法实现这一目标。原则上，您可以设置caption { display: table-caption-group; }，但是specs，“如果某个表格包含多个带有＆display; table-header-group＆＃39;的元素，则只会将第一个呈现为标题;其他人被视为具有＆＃39;显示：table-row-group＆＃39;。“因此，您将无法同时重复thead和caption。此外，IE 9甚至不让你重复caption（Firefox确实如此）。

解决方法是将caption元素转换为属于thead元素的表行。例如，对于两列表：

<table>
<thead>
<tr><th colspan=2>Caption
<tr><th>Header cell <th>Another header cell
</thead>

分页后重复表格标题

1 个答案: