Html CSS：在分页符后重复表头（打印视图）
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/6844391/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
CSS: Repeat Table Header after Page Break (Print View)
提问by Erik Márf?ldi
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?
我有用于打印重复页眉和页脚的 html 表。一切正常，文档自动中断。但现在我想在任何元素之后打破页面。我使用 css 属性 page-break-after 并将其设置为始终。是的，它有效，但我遇到了另一个问题。分页后不要重复表格的页眉和页脚。怎么了？
Browsers: IE8.
浏览器：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:
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>
回答by Semyazas
try to add the following css:
尝试添加以下css：
thead {display: table-header-group;}
The footer is not repeated on each page, but rather printed on the last only in IE8, iirc.
页脚不是在每页上重复，而是仅在 IE8、iirc 中打印在最后一页。
