分页符后重复表格标题。(Repeating table caption after page bre

2019-10-17 05:46发布

当打印一个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; } caption { display: table-caption-group; } ,但是这并不存在。 该解决方案将需要在IE9工作。

Answer 1:

恐怕是没有办法来实现这一目标。 原则上,你可以设置caption { display: table-caption-group; } caption { display: table-caption-group; } ,而是由规格 “,如果表中包含具有多个元素的显示:表头基团“中,只有第一呈现为报头; 因为如果他们有其他人处理。“显示:表行集团””所以,你不能就能够使双方的theadcaption重复。 此外,IE 9没有得到,甚至让你重复caption单独(Firefox没有)。

的解决方法是将转caption元件到一个表行也就是一部分thead元件。 例如,对于两列的表:

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


文章来源: Repeating table caption after page break