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

Eri*_*ldi 11 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;}
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

Sem*_*zas 3

尝试添加以下CSS:

thead {display: table-header-group;}
Run Code Online (Sandbox Code Playgroud)

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