CSS:分页后重复表头(打印视图)

CSS: Repeat Table Header after Page Break (Print View)(CSS:分页后重复表头(打印视图))

问题描述

我有用于打印重复页眉和页脚的 html 表格.一切正常，文档自动中断.但现在我想在任何元素之后打破页面.我使用 css 属性 page-break-after 并将其设置为始终.是的，它的作品，但我有另一个问题.休息后的页面不要重复表格的页眉和页脚.怎么了?

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?

浏览器:IE8.

打印样式:

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>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>

推荐答案

尝试添加以下css:

thead {display: table-header-group;}

页脚不在每一页重复，而是打印在最后一页只在IE8，iirc中.

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

这篇关于CSS:分页后重复表头(打印视图)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！