渲染问题 - 只有一页可见

Question

我在迭代 30 个项目的列表时生成问题，只有 18 行表可见，如果我删除@media print它会显示第 19 行的一部分但它会被切割（当我在控制台 HTML 中打印全部时，我看到所有 30行）

@media print
        {
            table { page-break-after:auto }
            tr    { page-break-inside:avoid; page-break-after:auto }
            td    { page-break-inside:avoid; page-break-after:auto }
            thead { display:table-header-group }
            tfoot { display:table-footer-group }
        }

</head>
<body>
<table class="documentTable">
    <thead>
    <tr>
        <th colspan="8" style="text-align: center; font-size: 15px">Laboratory Device List</th>
    </tr>
    <tr style="vertical-align: top; font-weight: bold">
        <td >name</td>
        <td>serial number</td>
        <td>metrological supervision</td>
        <td>freq. of supervision</td>
        <td>producer</td>
        <td>description</td>
    </tr>
    </thead>
    <tbody>

    <tr style="vertical-align: top" th:each="device: ${labdeviceList}">
        <td width="20%" th:text="${device.name}" />
        <td width="20%" th:text="${device.serialNum}" />
        <td width="9%" th:text="${device.metrologicalSupervision}" />
        <td width="6%" th:text="${device.freqServiceAndSupervision} + ' mo.'" />
        <td width="15%" th:text="${device.producer}" />
        <td width="30%" th:text="${device.description}" />

    </tr>
    </tbody>
</table>
</body>