html - 在 IE 中打印带有分页符的表格

Question

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

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

"...avoid page-breaking properties inside tables..."

为什么这么说？我的表看起来像这样:

<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，那也没关系。

Answer 1

表格周围的元素有 overflow-x: auto;溢出-y:隐藏；。这就是 table 没有破裂的原因。