html - 打破表里面的表,但保持行不变

标签 html css pdf-generation dompdf page-break

我有以下 HTML> jsfiddle .
当我使用 DOMPDF 将其输出为 PDF 时,在第一页上我得到了前 2 行,然后我得到了 10 个空页和包含其余内容的 2 页。

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

enter image description here

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

如有任何帮助,我们将不胜感激。
谢谢!

最佳答案

呈现问题是由于一个已知错误造成的,该错误与单个实体相关,该实体太大而无法放在页面上。在您的情况下,您的产品列表表(比页面大)包含在另一个表中,这会创建一个太大而无法放在页面上的表格单元格。查看 dompdf 跟踪器,issue 91: dompdf unable to split table cells between pages .

幸运的是,您的布局非常简单。将产品列表表移到容器外。 I updated your original jsfiddle .

关于html - 打破表里面的表,但保持行不变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11684325/

相关文章:

css - 浏览器正在加载 HTML5 后备图像,即使支持 HTML5 视频也是如此

css - 如何在不使用媒体查询的情况下将 div 定位为较低的分辨率

java - 直接从 Java Servlet 类在客户端浏览器上打开 PDF 文件

在 pdf 输出的标题中渲染 logo.png Shiny - Rmarkdown

java - iText 是否创建基于图像或基于文本的 PDF 文件?

javascript - 在 tiff img 之上覆盖 Canvas

javascript - 未从 JSON 文件获取数据

jquery - 基础选项卡 Href

html - 如何在 Bootstrap 3.1 中的图像上显示文本

javascript - 从下到上一个一个地动画两个文本