css - Mozilla 在报告的第二页打印表格

Question

我有一个跨越多个页面的巨大表格(它是一个报告)和一个图像作为顶部的标题，如果用户选择使用日期范围则带有几个词。

问题出在 mozilla 上。他打印标题图像并跳过整页并开始打印表格。我在 CSS 中尝试了一些东西，例如

.datatable {
    color: #000000;
    border: 2px solid #002255;
    page-break-inside:auto;
}
.datatable tr {
    page-break-inside:avoid;
    page-break-after:auto;
}

但是还是不能正确打印第一页。我不会粘贴表格，因为它的布局非常简单，如下所示:

<table>
    <thead>
        <tr>
            <th>header1</th>
            <th>header2</th>
            <th>header3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>data 1</td>
            <td>data 2</td>
            <td>data 3</td>
        </tr>
    </tbody>
</table>

能否请您指导我如何更改它以使其与 mozilla 奇怪的打印技术兼容。

它在 safari、ie8、ie9、safari 中工作正常，只是 mozilla 失败了。

Answer 1

没关系，在进一步调整表格之后，我意识到在表格之前打印了一些无效的 html 代码，这就是表格打印的干扰。毕竟与 CSS 或打印样式无关。