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

时间:2023-02-15
本文介绍了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:分页后重复表头(打印视图)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一篇:为什么将 JavaScript 放在页面的页脚中? 下一篇:在 XHR 中使用 multipart/form-data 作为 Content-Type 时收到“400 Bad Re

相关文章

最新文章