CSS：分页符后重复表格标题（打印视图） [英] CSS: Repeat Table Header after Page Break (Print View)

问题描述

我有html表格打印与重复页眉和页脚。一切工作，文档自动中断。但现在我想打破任何元素后的页面。我使用css属性page-break-after并将其设置为always。
是的，它的工作，但我有另一个问题。断页之后不重复表的页眉和页脚。

打印样式：

p>

  table thead {display：table-header-group;} 
 table tfoot {display：table-footer-group;} 
 table tbody {display：table-row-group;} 
 .page-break {page-break-after：always;} 
  

Html代码：

 < table> ; 
< thead> 
< tr> 
< th> ...< / th> 
< / tr> 
< / thead> 
< tfoot> 
< tr> 
< td> ...< / td> 
< / tr> 
< / tfoot> 
< tbody> 
< tr> 
< td>第1页< / td> 
< / tr> 
< tr class =page-break> 
< td> content< / td> 
< / tr> 
< tr> 
< td> Page 2< / td> 
< / tr> 
< tr> 
< td> content 2< / td> 
< / tr> 
< / tbody> 
< / table> 
  

解决方案

尝试添加以下css：

  thead {display：table-header-group;} 
  

页脚不会在每一页上重复，而是打印在最后一个只在IE8，iirc。

I have html table for printing with repeat header and footer. Everything works, document to break automatically. But now i would like to break page after any element. I use to css property page-break-after and set it to always. Yes, its works, but i got another problem. Page after break dont repeat header and footer of table. What is wrong?

Browsers: IE8.

Print styles:

table thead {display: table-header-group;}
table tfoot { display: table-footer-group;}
table tbody { display: table-row-group;}
.page-break { page-break-after:always;}

Html code:

<table>
<thead>
    <tr>
        <th>...</th>
    </tr>
</thead>
<tfoot>
    <tr>
        <td>...</td>
    </tr>
</tfoot>
<tbody>
    <tr>
        <td>page 1</td>
    </tr>
    <tr class="page-break">
        <td>content</td>
    </tr>
    <tr>
        <td>Page 2</td>
    </tr>
    <tr>
        <td>content 2</td>
    </tr>
</tbody>
</table>

解决方案

try to add the following css:

thead {display: table-header-group;}

The footer is not repeated on each page, but rather printed on the last only in IE8, iirc.

这篇关于CSS：分页符后重复表格标题（打印视图）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！