Flying saucer转PDF时表格rowspan单元格page-break-inside规则失效问题
问题根因
Flying Saucer 对带有rowspan属性的跨行单元格存在原生分页高度计算缺陷:你给所有td统一设置了page-break-inside: avoid规则,但跨行单元格本身覆盖多行高度,工具无法正确累加其跨越的所有行的总高度,强制不截断的规则和页高限制冲突时,就会出现每页截断高度不一致的问题。
修复方案
- 单独覆盖跨行单元格的分页规则
新增样式解除跨行单元格的不截断限制,避免规则冲突:
td[rowspan] { page-break-inside: auto; }
- 补充表格边框配置
边框间距会额外占用高度,导致Flying Saucer的高度统计出现误差,补充如下表格样式:
table { border-collapse: collapse; border-spacing: 0; }
- 显式设置行高
如果表格行高度可预期,给所有tr统一设置固定高度,避免自适应高度下的计算偏差:
table tr { height: 40px; /* 可根据实际业务需求调整数值 */ }
- 复杂场景替换实现方式
如果你的rowspan跨的行数非常多,可放弃原生rowspan属性,将大单元格拆分为每行一个独立td,通过隐藏相邻单元格的上下边框、设置统一垂直对齐的方式模拟跨行效果,完全避开Flying Saucer的rowspan分页计算bug。
内容的提问来源于stack exchange,提问作者Alexey
相关产品推荐
相关产品推荐

