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

时间:2011-07-27 12:36:39

标签: html css printing header repeat

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

浏览器: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>

1 个答案:

答案 0 :(得分:3)

尝试添加以下css:

thead {display: table-header-group;}

页脚不会在每个页面上重复,而是仅在IE8中打印在最后一页,iirc。