在 HTML 中打印跨越多个页面的嵌套表答案

【问题标题】：Printing Nested Table spanning multiple pages in HTML在 HTML 中打印跨越多个页面的嵌套表
【发布时间】：2017-07-29 04:49:59
【问题描述】：

我有一个具有以下结构的 html 表：

<table>
    <thead>
        <tr><th>ABC Ltd.</th><tr>
    </thead>
    <tbody>
    <table>
        <thead><tr><th>Name</th></tr></thead>
        <tbody>
            <tr><td>ola</td></tr>
            <tr><td>ola</td></tr>
            <tr><td>ola</td></tr>
            <tr><td>ola</td></tr>
            ... 500 more rows ...
        </tbody>
    </table>
    </tbody>
</table>

我必须确保 ABC Ltd. 和 Name 出现在每一页上。我该怎么做？

我尝试使用：

@media print
{
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
}

【问题讨论】：

上面的示例代码应该可以在 Internet Explorer 和 Firefox 中运行。对于 Chrome 和 Safari，请参阅我的解决方案 here。我还没有找到适用于 Opera 的解决方案。

标签： html printing html-table nested

【解决方案1】：

那里可能有更好的答案。

但是，当我需要打印与正在显示的内容不同的内容时（删除网站的某些部分，或者不分页数据），我使用了这种方法：

有一个“打印”按钮/链接。
单击时，它会生成一个 iFrame，其中包含您要打印的内容。
打印 iframe（仍然通过 javascript）
移除 iframe

工作就像一个魅力。

您可以使用它来创建打印页面，将表格分解为每个页面上的表格。每一个的第一行可以是你的标题。

打印这么多东西似乎是在浪费纸张：-/

【讨论】：