在 IE 中打印带有分页符的表格答案

【问题标题】：Printing tables with page-break in IE在 IE 中打印带有分页符的表格
【发布时间】：2012-07-06 22:20:09
【问题描述】：

我有一个包含许多行的简单表格，我想在页面末尾的行之间自动插入分页符。默认情况下，这在 Firefox 中似乎可以正常工作，但 Internet Explorer (7-9) 不会破坏表格。如果表格对于一页来说太长，则表格的其余行会丢失。

所以我尝试以多种不同的方式使用 CSS 属性 page-break-* 来解决此问题，但没有任何帮助。我发现http://www.w3schools.com/cssref/pr_print_pagebb.asp 说

"...避免在表格中使用分页属性..."

为什么这么说？我的桌子是这样的：

<table class="formatted tablesorter">
    <caption>Some caption</caption>
    <thead>
        <tr>
            <th rowspan="1" colspan="1">Header 1</th>
            <th rowspan="1" colspan="1">Header 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="1" colspan="1">Value 1</td>
            <td rowspan="1" colspan="1">Value 2</td>
        </tr>
        <!-- many more rows... -->
    </tbody>
</table>

有什么方法可以使分页符在 Internet Explorer 的表格中起作用？没关系，如果我不得不使用一些 JavaScript。

【问题讨论】：

您是否有强烈的需要为什么要对表格执行此操作？在无表设计的 IMO 中它会更干净......是的：你真的应该避免表行之间的中断。如果确实需要，您只能使用空行，并在此表行中插入 &nbps; 或 <br /> 之类的东西，但我也不建议这样做......
能否贴出适用于本表的 CSS 规则？

标签： html css internet-explorer html-table page-break

【解决方案1】：

IE 不支持avoid 值，因此在 Firefox 中可以正常工作，但 IE 不会显示相同的值。你有你使用的 CSS 的例子吗？

【讨论】：

【解决方案2】：

表格周围的元素有overflow-x: auto; overflow-y: hidden;。这就是桌子没有破裂的原因。

【讨论】：