在 html 中打印期间，表头应显示在每个页面的头部

Question

我想在打印过程中在页面上显示标题。所以我使用的代码是：

<table align="center">
    <thead style="display: table-header-group;">
        <tr>
            <td>
                Header
            </td>
        </tr>
    </thead>
    <tbody> Body data</tbody>
</table>

标题和内容在本地主机上显示正确。但问题是当我们托管在服务器标题上时，每个页面上都没有显示。

Answer 1

在 jsfiddle 中运行代码会将正文内容放在标头上方，不居中。标题内容位于正文下方并居中。

<table align="center">
    <thead style="display: table-header-group;">
        <tr>
            <td>
                Header
            </td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                Body data
            </td>
        </tr>
    </tbody>
</table>

这段代码更接近你的，只是为正文部分添加了 tr 和 td。这会将其包含在表中并相应地设置其样式。

目前，您有一个带有标题和单独正文部分的表。