thead在打印时默认自动重复，但需确保其display为table-header-group且未被CSS破坏语义；常见失效原因包括display:block、position:absolute或page-break-inside:avoid等干扰布局的样式。
打印时表头不重复？关键是 thead 要被浏览器识别为“可重复块”
Chrome、Edge、Firefox 在打印多页表格时，thead 默认会自动重复（前提是没被 CSS 破坏）。但实际中经常不生效，根本原因不是 HTML 写错了，而是 CSS 干扰了打印上下文的布局判定。
-
display: block或display: inline-table会直接让thead失去“表头语义”，打印引擎忽略它 - 给
table设了page-break-inside: avoid，反而导致整张表被挤到单页，没机会触发表头重复 -
thead里用了position: absolute或transform，脱离文档流后，打印时无法定位重复位置
必须保留的最小样式组合
只用以下几条 CSS，就能在绝大多数现代浏览器打印中稳定复现表头：
table {
border-collapse: collapse;
}
thead {
display: table-header-group; /* 关键！不能删，也不能覆盖 */
}
@supports (-webkit-print-color-adjust: exact) {
thead {
-webkit-print-color-adjust: exact;
}
}注意：display: table-header-group 是浏览器打印逻辑识别 thead 的唯一依据。如果项目用了 Tailwind、Bootstrap 或重置 CSS，很可能悄悄覆盖了它——务必检查 computed style 中 thead 的 display 值是否仍是 table-header-group。
遇到分页错位或表头叠在内容上怎么办
这不是 bug，是表格行高 + 页面余量计算偏差导致的。解决方式很具体：
立即学习“前端免费学习笔记（深入）”；
- 给
tbody tr设置固定line-height和padding，避免字体渲染差异拉高行高 - 在
@media print中把table的font-size统一设为12px或10pt，减少跨页浮动误差 - 如果第一行数据紧贴表头下方，加一条
thead th, thead td { padding-bottom: 2px; }，给打印引擎留出安全间隙
IE11 或旧版 Edge 需要额外 hack
它们不支持 display: table-header-group 在打印中的自动行为。只能退化处理：
- 用 JavaScript 检测
window.matchMedia('print').matches，在打印前手动克隆thead插入每个分页区域顶部 - 更稳妥的做法：导出 PDF 时用 Puppeteer 或 wkhtmltopdf，它们对
thead的打印支持比 IE 原生引擎可靠得多
真正难的不是写代码，是验证——必须用真实打印机或“另存为 PDF”操作来测试，DevTools 的 print preview 有时会漏掉行高计算问题。
