orphans 属性对 html 表格打印完全无效，因其仅作用于块级元素内的行盒，而 tr 属于独立的表格布局上下文，不参与行盒堆叠；替代方案是使用 page-break-inside: avoid 保护整行，并结合 thead/tfoot 与 page-break-before 人工控制分页。
orphans 属性对 HTML 表格打印**完全无效**。它只作用于块级元素（如 p、div）的**段落内部行断行控制**，而表格行（tr）不是段落内容，浏览器在打印时也不会将 tr 视为可被 orphans 管理的“行”。
想让表格在分页打印时底部保留最少行数？得换思路——用 CSS 分页控制属性配合表格结构本身来逼近目标效果。
为什么 orphans 对 tr 不起作用
orphans 是 CSS 2.1 定义的文本排版属性，规范明确限定其适用对象是「块容器中的行盒（line boxes）」，比如段落里换行产生的文本行。而 tr 是表格行盒（table-row box），属于独立的布局上下文，不参与行盒堆叠流程。实测中给 tr 或 tbody 设置 orphans: 3，打印预览毫无反应。
替代方案：用 page-break-inside: avoid 保护整行或小单元
这是目前最可靠、兼容性最好的做法——不让单行表格被拆到两页。但注意它保护的是「整个 tr」，不是「底部留几行」：
-
tr元素上设置page-break-inside: avoid，可防止该行跨页（Chrome/Firefox/Edge 均支持） - 若某行内容过高（比如带大图片或长文本），仍可能被强制断开；此时需配合
page-break-after: avoid控制后续行为 - 不要对整个
table设置page-break-inside: avoid，否则整表会被压进单页，导致空白溢出
模拟「底部最少行数」：用 thead + tfoot + page-break-before
真正能影响表格分页位置的是表头/表尾重复和手动分页点。例如，想确保每页底部至少有 2 行数据，可把最后 2 行放进 tfoot，并利用其默认重复特性（部分浏览器支持）或主动插入分页符：
-
tfoot在打印时可能被复制到每页底部（取决于浏览器，非标准强制行为） - 更可控的做法：在倒数第 3 行后加一个空
tr，设style="page-break-before: always"，人为制造分页点 - 配合
thead固定表头（display: table-header-group），让每页都有头+若干数据+（可选）尾
实际打印调试的关键细节
浏览器打印预览差异极大，必须真机测试：
- Chrome 的打印引擎（PDF 导出）对
page-break-*支持最稳定；Firefox 对thead重复支持更好；Safari 最弱 -
tr内部若有display: block或 flex 布局，会破坏表格渲染，导致分页失效 - 避免在
td里用height或min-height强控高度——这会让行高不可预测，分页逻辑失准
表格打印分页没有「底部最少行数」的标准解法，orphans 是个误导性入口。真正要做的，是放弃精确控制「底部留几行」这个念头，转而用 page-break-inside: avoid 锁住关键行，再靠 thead/tfoot 和人工分页点引导布局——所有效果都依赖具体数据长度和纸张尺寸，必须实测调整。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
