【问题标题】:CSS: Repeat Table Header after Page Break (Print View)CSS:分页后重复表头(打印视图)
【发布时间】:2011-07-27 12:36:38
【问题描述】:

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

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

【问题讨论】:

  • 您找到解决方案了吗?请发帖。

标签: html css printing header repeat


【解决方案1】:

尝试添加以下css:

thead {display: table-header-group;}

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

【讨论】:

  • 哦,我有我的风格。我忘了将此行复制到我的问题中。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-09-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-12-25
相关资源
最近更新 更多