PHP Mpdf实现表格无法适配当前页时自动跳转至下一页

我明白你的需求：动态生成的PDF里有多张表格，你不希望表格被拆分成两半跨在两页，而是希望如果表格没法完整放在当前页，就直接跳到下一页显示。看了你提供的代码，问题主要出在CSS的设置上，咱们来改一改就能解决：

核心问题分析 #

你给.products表格设置了display:block，这会把表格转成普通块级元素，Mpdf就没法识别它的表格结构了，自然也就没法正确处理表格的分页逻辑。另外你设置的page-break-inside: initial也起不到禁止内部分页的作用。

修改方案 #

下面是调整后的CSS和关键注意点：

1. 修正表格的CSS设置

把原来的表格相关CSS改成这样：

body { font-family: Arial; line-height:12px; color: #000000; font-size:10px; }
p{ margin: 0 0 10px; }
h1 { text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom:15px; }
.nabidka-container { width:1000px; margin: 0 auto; }
.nabidka-container .products:first-child { margin-bottom:40px; }
.nabidka-container .products{ 
    border-collapse: collapse; 
    margin: 35px 0 40px 0; 
    table-layout: fixed; 
    width: 100%; 
    /* 移除display:block，恢复表格默认布局 */
    /* 添加禁止内部分页的属性 */
    page-break-inside: avoid !important;
    /* 可选：确保表格如果放不下就自动换页 */
    page-break-before: auto;
    page-break-after: auto;
}
/* 移除原来的page-break-inside:initial设置，不需要 */
.nabidka-container .products td { width:20%; /* 5列适配20%宽度，避免超出页面 */ border: 1px solid gray; padding:2px; text-align: center; }
.nabidka-container .products td.foto { border: 0px; }
.nabidka-container .products td.bezramu { border: 0px; background-color: #ffffff; }
.nabidka-container .products .tab_popis { width: 200px; }
.nabidka-container .products .tab_hodnoty { width: 50px; }
.nabidka-container .products .bold { font-weight: bold; }
.nabidka-container .products .italic { font-style: italic; }
.nabidka-container .products .left { text-align: left; }
.nabidka-container .products .right { text-align: right; }
.nabidka-container .products .price { background-color: #cecece; font-weight: bold; }

2. 保持HTML结构不变

你的HTML结构没问题，不需要修改，只要确保表格没有额外的display:block类或者内联样式即可。

为什么这样改？ #

• display:block会破坏表格的原生结构，Mpdf需要识别表格为table元素才能正确应用分页规则，所以必须移除这个设置。
• page-break-inside: avoid !important是Mpdf支持的属性，它会告诉渲染引擎：尽量不要在这个表格内部分页，如果表格没法在当前剩余页面空间里完整显示，就自动把整个表格移到下一页。
• 调整了td的宽度：你的表格有5列，原来的25%宽度加起来会超过100%，改成20%更适配5列布局，避免表格超出页面宽度导致的异常。

额外注意事项 #

• 如果你的表格非常长（超出单页高度），Mpdf还是会拆分，但这是无法避免的；不过对于普通长度的表格，page-break-inside: avoid会确保它要么完整在一页，要么整体跳转到下一页。
• 确保Mpdf的版本是较新的，旧版本对CSS分页属性的支持可能不完善。

内容的提问来源于stack exchange，提问作者Valentin Emil Cudelcu