html - 打破在表内但保持行不变的表

Question

我有以下 HTML> jsfiddle。
当我使用 DOMPDF 将其输出为 PDF 时，在第一页上我得到了 2 个第一行，而不是 10 个空页和 2 个包含其余内容的页面。

我怎样才能打破表格，使其分布在正确的页数上？
我试图page-break-inside: avoid;在主表上使用，但它破坏了断行。

我希望它像您期望的那样破裂，但我不知道如何...

任何帮助，将不胜感激。
谢谢！

Answer 1

呈现问题是由于与单个实体相关的已知错误造成的，该实体太大而无法放入页面。在您的情况下，您的产品列表表（大于页面）包含在另一个表中，这会创建一个太大而无法放入页面的表格单元格。请参阅 dompdf 跟踪器，第 91 期：dompdf 无法在页面之间拆分表格单元格。

幸运的是，您的布局使得解决方法相当简单。将产品列表移到容器外。我更新了你原来的 jsfiddle。