table打印时，应在html中打印时显示每页的头部

Question

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

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

标头和内容在localhost上显示正确。但是问题是当我们在每个页面上显示的服务器标题上都没有显示。

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>

此代码与您的代码相近，只是为body部分添加了tr和td。这包括在表格中并相应地对其进行样式化。

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