在多个页面中打印表格数据

Question

如何分别根据 组 类型在两个页面中打印上表数据？这可以通过window.print和一些css和javascript调整来实现吗？

欢迎任何想法/建议。

Answer 1

那么，当表格从“Teddy Bear”的 组 切换到“Baby Bear”时，您希望在新页面上进行此操作吗？

如果是这样，那么使用单独的<thead>和<tbody>部分构建表格，如下所示：

<table>
    <thead>
        <tr class="pageBreak">
            <th>Child</th>
            <th>Group</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Alberto</td>
            <td>Teddy Bear</td>
        </tr>
        <tr>
            <td>Guadalupe</td>
            <td>Teddy Bear</td>
        </tr>
    </tbody>
    <tbody>
        <tr>
            <td>Carlos</td>
            <td>Baby Bear</td>
        </tr>
        <tr>
            <td>Oswaldo</td>
            <td>Baby Bear</td>
        </tr>
    </tbody>
</table>

请注意，不同的组位于不同的<tbody> s。

然后您可以使用CSS：

tbody {page-break-after:always;}

这些组将在不同的页面上打印，而且在大多数浏览器中，标题将重复出现。

打印或打印预览this example at jsBin。