IE9 的每一页上都没有打印

【问题标题】：thead not printing on each page for IE9IE9 的每一页上都没有打印
【发布时间】：2012-06-18 01:10:57
【问题描述】：

我有一份包含在表格中的报告。我使用<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;
}

【问题讨论】：

  • HTML 结构也是专有的吗？为什么不发布没有内容（或虚拟内容）的内容？
  • @EvanMulawski 当然我猜。由于必须删除一堆 php 并替换为虚拟文本，格式将被全部提升。
  • 我知道一个解决方案 - 将其输出为 PDF。 TCPDF 非常适合这种类型的事情。
  • 例如TCPDF examples，其中之一是HTML tables with header and rowspan。
  • @JaredFarrish 谢谢你，但在这种特殊情况下并不理想。

标签： html css printing html-table


【解决方案1】：

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

【讨论】：

    【解决方案2】：

    尝试自己指定所有 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>

    【讨论】：

      【解决方案3】：

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

      所以，我希望您在同一页面上没有多个具有该属性的表。

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

      <meta http-equiv="X-UA-Compatible" content="IE=edge">

      【讨论】：

        【解决方案4】：

        尝试将&lt;thead&gt; 中的所有&lt;td&gt; 标签更改为&lt;th&gt; 标签怎么样？

        这样，看看？

        <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>

        【讨论】：

          【解决方案5】：

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

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

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

          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>

          【讨论】：

            猜你喜欢
            • 1970-01-01
            • 2017-11-03
            • 2011-01-08
            • 2017-10-22
            • 2011-07-12
            • 2021-08-16
            • 2020-02-06
            • 2018-12-27
            • 1970-01-01
            相关资源
            最近更新 更多
            热门标签
            Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode