html - 分页后重复表格标题

Question

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

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

结果:

Caption-------------Col1  | Col2-------------Data1 | Data2Data3 | 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'的元素，只有第一个被呈现为标题；其他人被视为有‘显示:表格行组’。”所以你不能让 thead 和 caption 重复。此外，IE 9 甚至不允许您单独重复 caption(Firefox 可以)。

解决方法是将 caption 元素转换为表格行，该行是 thead 元素的一部分。例如，对于两列表:

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