<thead>在打印时自动重复表头是浏览器对语义化结构的原生响应，前提是严格遵循<table><thead>...<tbody>...顺序，禁用page-break-inside: avoid于thead，并确保列宽一致、不丢失语义。
thead 在打印时自动重复表头，不是靠 JS 或额外配置驱动的，而是浏览器对语义化结构的原生响应——但前提是结构写对、样式没破坏它。
必须把 thead 放在 tbody 前面，且中间不能插错标签
浏览器只在 <table><thead>...</thead><tbody>...</tbody></table> 这种严格顺序下识别表头重复逻辑。常见错误包括：
- 把
tfoot放在tbody后面（正确位置是thead之后、tbody之前） - 省略
tbody，直接在table下写一堆tr（浏览器会自动补tbody，但补的位置不可控，thead可能被忽略） - 用
div+display: table模拟表格（语义丢失，打印引擎完全不认）
不要给 thead 加 page-break-inside: avoid
这个 CSS 看似“防断页”，实则干扰重复机制：Chrome 115+ 和 Edge 在检测到该声明后，可能放弃将 thead 提升为 table-header-group，导致第二页起没了表头。
- 真正需要的是
display: table-header-group（现代浏览器默认已设，一般不用显式写） - 如果项目中全局重置过
thead样式（比如设了display: block），才需手动恢复：thead { display: table-header-group; } -
page-break-inside: avoid应作用于tr或tbody内部行，而非thead
Firefox 支持最稳，Chrome 导出 PDF 时可能漏掉后续页表头
Firefox 默认启用 thead 跨页重复，且对 tfoot 也支持较好；Chrome/Edge 虽然渲染预览正常，但在「另存为 PDF」或 Puppeteer 生成 PDF 时，偶尔第二页开始丢失表头——这不是 bug，而是其打印引擎对分页上下文缓存的限制。
立即学习“前端免费学习笔记（深入）”；
- 临时缓解：在
@media print中加table { page-break-inside: auto; } - 更可靠方案：服务端或 JS 预切分数据，每页一个独立
<table>，共享同一份thead片段 - Safari（macOS/iOS）基本不支持，必须降级——比如用 JS 在每页末尾插入一个带
class="print-header"的tr，再配合@media print { .print-header { page-break-before: always; } }
最容易被忽略的一点：表格列宽在跨页时可能突变，尤其当某页数据特别长、又没设 table-layout: fixed 或列宽约束时，thead 和 tbody 的列对不齐——这不是重复失效，而是排版塌陷。得从 th 的 width 或 min-width 入手，而不是调 thead 的 display 属性。
