在 JSReport 使用 Handlebars 渲染长表格时，因分页导致 tbody 最后一行的 border-bottom 消失，本文提供纯 CSS 方案，精准为跨页表格的末行添加底边框，确保打印/导出效果一致。
在 jsreport 使用 handlebars 渲染长表格时，因分页导致 tbody 最后一行的 `border-bottom` 消失，本文提供纯 css 方案，精准为跨页表格的末行添加底边框，确保打印/导出效果一致。
当使用 JSReport 生成 PDF 报表时，表格内容若跨越多页，浏览器或 PDF 渲染引擎（如 Chrome Headless）在分页过程中会将 <tr> 拆分到不同页面，而原 CSS 中 tbody td 的 border-bottom 被显式设为 none（仅保留左右边框），导致每页末尾的行缺失底边框——这破坏了表格视觉完整性，尤其影响专业票据类文档的可读性与合规性。
问题根源在于：当前样式通过 border: none !important 清除了所有单元格的上下边框，再单独设置左右边框；但 tr:last-child td 选择器在分页后无法正确识别物理末行（因分页不改变 DOM 结构，last-child 始终指向数据最后一行，而非当前页末行）。然而，JSReport 默认使用 Chrome PDF 导出，其分页行为遵循 CSS Paged Media 规范，此时需采用更稳健的策略：
✅ 正确解法是显式为 tbody 中最后一行的所有单元格恢复底边框，并确保该规则优先级高于原有 border: none 声明：
/* 关键修复：为 tbody 最后一行的每个单元格添加底边框 */
body .tabelaProdutos tbody tr:last-child td {
border-bottom: 1px solid #000 !important;
}⚠️ 注意事项：
- 该规则必须置于原有 .tabelaProdutos tbody td 样式之后，或明确使用 !important 保证覆盖；
- tr:last-child 在静态 HTML 中准确匹配数据集的最后一行（即表格真实结尾），因此无论是否分页，此行始终是逻辑终点，其底边框即代表“表格结束线”——这恰好符合您需求中“仅在表格真正结束处显示底边框”的语义；
- 避免使用 page-break-inside: avoid 强制整行不拆分（您已在 tr 上设置），虽能减少跨页断裂，但对超长单元格（如大段文本）可能引发空白页或布局溢出；建议结合 table-layout: fixed 和 word-break: break-word 提升鲁棒性；
- 若需增强跨页表头连续性，可补充 thead { display: table-header-group; }（部分引擎支持）。
最终，您的 CSS 应包含如下关键块（按顺序）：
body .tabelaProdutos tbody td {
border: none !important;
border-right: 1px solid #000 !important;
border-left: 1px solid #000 !important;
font-size: 12px;
line-height: 15px;
}
/* ✅ 必须在此之后添加 */
body .tabelaProdutos tbody tr:last-child td {
border-bottom: 1px solid #000 !important;
}此方案零侵入 HTML、无需 JavaScript，完全依赖 CSS 选择器语义，兼容 JSReport 默认的 Chromium 渲染引擎，能稳定实现“仅表格末行显示底边框”的专业排版效果。
