打印大型 HTML 表格时如何处理分页符

小编典典

打印大型 HTML 表格时如何处理分页符

all

我有一个项目需要打印一个包含多行的 HTML 表格。

我的问题是表格打印在多页上的方式。它有时会将一行切成两半，使其无法阅读，因为其中一半位于页面的边缘，其余部分打印在下一页的顶部。

我能想到的唯一可行的解决方案是使用堆叠的 DIV 而不是表格，并在需要时强制分页。但在完成整个更改之前，我想我可以在这里问过。

阅读 224

2022-04-26

共1个答案

小编典典

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
    table { page-break-inside:auto }
    tr    { page-break-inside:avoid; page-break-after:auto }
    thead { display:table-header-group }
    tfoot { display:table-footer-group }
</style>
</head>
<body>
    <table>
        <thead>
            <tr><th>heading</th></tr>
        </thead>
        <tfoot>
            <tr><td>notes</td></tr>
        </tfoot>
        <tbody>
        <tr>
            <td>x</td>
        </tr>
        <tr>
            <td>x</td>
        </tr>
        <!-- 500 more rows -->
        <tr>
            <td>x</td>
        </tr>
    </tbody>
    </table>
</body>
</html>

2022-04-26