HTML表格应该在每一页上重复页眉，章节不应该被分成两页_Html_Css_Html Table

HTML表格应该在每一页上重复页眉，章节不应该被分成两页

html css

HTML表格应该在每一页上重复页眉，章节不应该被分成两页,html,css,html-table,Html,Css,Html Table,我在打印HTML表格时遇到问题，但我没有找到任何解决方案，因此希望您能帮助我我需要使用以下两个规则创建表（可能使用CSS）：当HTML表格超出到下一个A4页面时，我需要在新页面顶部重复HTML标题我需要在表中定义某些部分-此部分必须在同一页上-不能在更多页上拆分。。。表格中会有更多的章节，每个章节都必须完整地放在一页上（一个A4页可以容纳更多的章节，但一个章节不能拆分为更多的A4页）你能帮我吗编辑：现在可以了，但我想把页边空白应用到每页顶部的thead上，但它不起作用 <html

我在打印HTML表格时遇到问题，但我没有找到任何解决方案，因此希望您能帮助我

我需要使用以下两个规则创建表（可能使用CSS）：

当HTML表格超出到下一个A4页面时，我需要在新页面顶部重复HTML标题

我需要在表中定义某些部分-此部分必须在同一页上-不能在更多页上拆分。。。表格中会有更多的章节，每个章节都必须完整地放在一页上（一个A4页可以容纳更多的章节，但一个章节不能拆分为更多的A4页）

你能帮我吗

编辑：现在可以了，但我想把页边空白应用到每页顶部的thead上，但它不起作用

<html>
    <head>
        <title>pokus</title>
        <meta charset='UTF-8' />
        <style type='text/css'>

        @media print
        {
            tbody {
                page-break-inside: avoid;
            }
            thead {
                display: table-header-group;
                margin-top: 100px;
            }
        }
        </style>
    </head>
    <body>
    <table>
        <thead>
            <tr>
                <td>Column 1</td>
                <td>Column 2</td>
                <td>Column 3</td>
            </tr>
        </thead>
        <tbody>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            .... more rows ... 
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
            <tr><td>Blok1</td><td>Blok1</td><td>Blok1</td></tr>
        </tbody>
        <tbody>
            <tr><td>Blok2</td><td>Blok2</td><td>Blok2</td></tr>
            <tr><td>Blok2</td><td>Blok2</td><td>Blok2</td></tr>
            .... more rows ....
            <tr><td>Blok2222222</td><td>Blok2</td><td>Blok2</td></tr>
        </tbody>
        <tbody>
            <tr><td>Blok3</td><td>Blok3</td><td>Blok3</td></tr>
                    ....more rows
            <tr><td>Blok3</td><td>Blok3</td><td>Blok3</td></tr>
        </tbody>
    </table>
    </body>
</html>


博克斯
@媒体印刷品
{
t车身{
内部分页符：避免；
}
泰德{
显示：表头组；
边缘顶部：100px；
}
}
第1栏
第2栏
第3栏
Blok1 Blok1 Blok1
Blok1 Blok1 Blok1
Blok1 Blok1 Blok1
Blok1 Blok1 Blok1
.... 更多行。。。
Blok1 Blok1 Blok1
Blok1 Blok1 Blok1
Blok2Blok2Blok2
Blok2Blok2Blok2
.... 更多行。。。。
BLOK222222 BLOK2BLOK2
Blok3Blok3Blok3
……更多行
Blok3Blok3Blok3

您可以使用一些

css

和

html

来完成您想要的：

1）使用

thead

标记。正如政府所说：

（…）此外，在打印跨越多页的大型表格时，这些元素可以使表格页眉和页脚在每页的顶部和底部

2）您可以在属性中使用

分页符。看更多
如果您在将其应用于项目时遇到任何问题，请随时编辑您的问题，详细说明您所做的事情以及意外行为
编辑：
关于利润率，我不知道为什么，但似乎我们不能增加利润的元素。。。但是你可以用填充物。即：
<style type="text/css">
    ... your css ... 

    thead tr {
        padding-top: 100px;
    }
</style>


... 你的css。。。
thead tr{
填充顶部：100px；
}
在这里查看答案：您好，谢谢您的回复。这似乎很好：）但另一个问题：（thead在页面的顶部：（我想对“thead”应用边距，但它不起作用………thead{display:table header group；margin top:100px；}也许这会对你有所帮助：如果没有，你能用html表格的一个样本和你正在使用的css的另一个样本来编辑你的问题吗？在那里可读性更好。太好了，谢谢：）当标题转到下一页时，是否可以稍微更改一下表格标题？（在下一页的页眉中添加注释？第一页不应添加注释）？