0

我有一份包含在表格中的报告。我使用<thead>带有样式的表头,以display: table-header-group;尝试在打印时在每页上打印表头。这在大多数浏览器中都可以正常工作,除了 IE 9。

不幸的是,我无法提供实际代码,因为它是包含专有信息的订单。我尝试了几种文档类型,但在打印到打印机时似乎无法让 IE 9 在每一页上打印表头。有没有人遇到这个问题并知道修复?

HTML

<table id="pt">
    <thead>
        <tr class="header">
            <td colspan="4">
                <h1>egdfgsdfg</h1>
                <h3>sdfgsdfg</h3>
            </td>
            <td colspan="2" class="align-right">
                <h2>sdfgsdfg</h2>
                sdfgsdfgsdfg
            </td>
        </tr>
        <tr class="contacts">
            <td colspan="3">sdfgsdfg</td>
            <td colspan="3">sdfgsdfgs</td>
        </tr>
        <tr class="header-info">                
            <td>asdfadfasdf</td>
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr class="column-headers">               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
    </thead>
    <tbody>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
    </tbody>
</table>

CSS:

#pt thead {
    display: table-header-group;
}
4

5 回答 5

1

尝试通过 IE 的开发工具使用“兼容性”设置,看看它是否有效。如果实际上设置有效,您可能必须使用 META 标记来强制执行该操作。只是想看看它是某个地方的一些 css 还是一个实际的 IE 9 东西。

于 2013-06-26T23:51:48.167 回答
0

尝试将所有<td>标签更改<thead><th>标签怎么样?

像这样,看到了吗?

<table id="pt" border="1">
    <thead>
        <tr class="header">
            <th colspan="4">
                <h1>egdfgsdfg</h1>
                <h3>sdfgsdfg</h3>
            </th>
            <th colspan="2" class="align-right">
                <h2>sdfgsdfg</h2>
                sdfgsdfgsdfg
            </th>
        </tr>
        <tr class="contacts">
            <th colspan="3">sdfgsdfg</th>
            <th colspan="3">sdfgsdfgs</th>
        </tr>
        <tr class="header-info">                
            <th>asdfadfasdf</th>
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>
        </tr>
        <tr class="column-headers">               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>               
            <th>asdfadfasdf</th>
        </tr>
    </thead>
    <tbody>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
    </tbody>
</table>
于 2013-07-02T07:16:23.023 回答
0

尝试自己指定所有 CSS 属性

<style type="text/css" media="print,screen" >
th {
    font-family:Arial;
    color:black;
    background-color:lightgrey;
}

thead {
    display:table-header-group;
}

tbody {
    display:table-row-group;
}
tfoot { 
     display: table-footer-group; 
}
</style>

<table border="1" cellpadding="2" cellspacing="0">
    <thead>
        <tr>
            <th>ID</th>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
    </thead>
    <tbody>
                <tr>
                <td>#i#</td>
                <td>First Name #i#</td>
                <td>Last Name #i#</td>
                </tr>
    </tbody>
</table>
于 2013-06-27T11:20:57.707 回答
0

正如 Jared Farrish 在他的评论中暗示的那样,问题在于与问题一起发布的标记或样式之外的标记或样式。以下 html 包含发布的标记和样式,但正文行重复了足够多的时间以创建两个打印页面。IE9 使用我测试的所有浏览器模式/文档模式组合在打印预览的两个页面上显示标题。

浏览器模式/文档模式测试:

  • Internet Explorer 9/怪癖
  • Internet Explorer 9/Internet Explorer 标准
  • Internet Explorer 9 兼容模式/怪癖
  • Internet Explorer 9 兼容模式/Internet Explorer 标准

IE9打印预览:

IE9打印预览

IE9版本详情:

IE9版本详情

完整代码:

<html>
<head>
<style>
#pt thead {
    display: table-header-group;
}
</style>
<body>
<table id="pt">
    <thead>
        <tr class="header">
            <td colspan="4">
                <h1>egdfgsdfg</h1>
                <h3>sdfgsdfg</h3>
            </td>
            <td colspan="2" class="align-right">
                <h2>sdfgsdfg</h2>
                sdfgsdfgsdfg
            </td>
        </tr>
        <tr class="contacts">
            <td colspan="3">sdfgsdfg</td>
            <td colspan="3">sdfgsdfgs</td>
        </tr>
        <tr class="header-info">                
            <td>asdfadfasdf</td>
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr class="column-headers">               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
    </thead>
    <tbody>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
        <tr>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>               
            <td>asdfadfasdf</td>
        </tr>
    </tbody>
</table>
</body>
</html>
于 2013-07-03T20:03:33.463 回答
0

“如果一个表格包含多个带有 'display: table-header-group' 的元素,则只有第一个被呈现为标题;其他的被视为具有 'display: table-row-group'” - W3.org

因此,我希望您在同一页面上没有具有该属性的多个表。

就像凯利建议的那样,检查兼容性是否导致问题是个好主意。在文档的开头部分使用它,看看它是否有帮助:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
于 2013-06-29T16:54:31.577 回答