html - CSS转PDF， Flying Saucer 中的css : -fs-table-paginate result in border-collapse:collapse invalid

Question

现在我正在使用 xhtmlrenderer 将 html 转换为 PDF。我的maven依赖如下:

    <dependency>
        <groupId>org.mvel</groupId>
        <artifactId>mvel2</artifactId>
        <version>2.1.0.drools2</version>
        <scope>compile</scope>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>org.xhtmlrenderer</groupId>
        <artifactId>core-renderer</artifactId>
        <version>R8</version>
        <scope>compile</scope>
        <optional>true</optional>
    </dependency>
    <dependency>
        <groupId>com.lowagie</groupId>
        <artifactId>itext</artifactId>
        <version>2.0.8</version>
        <scope>compile</scope>
        <optional>true</optional>
    </dependency>

我试图在每个 PDF 页面中重复表头。所以我使用了 css:

table {
        -fs-table-paginate: paginate;
    }`

CSS 的解释是 here .

-fs-table-paginate

• 当与值 -fs-table-paginate: paginate 一起使用时，修改表格布局算法以在后续页面上重复表格页眉和页脚并改善跨单元格的外观页面(例如通过关闭和重新打开边框)，但仅此而已。如果表格的最小宽度比页面宽，它将被截断。

• 当添加上面的 css 时，我的表格边框分离了。

• 在我添加 css 之前，表格的边框折叠成单个边框。

所以我认为 table { -fs-table-paginate: paginate; } 使我的表格 border-collapse:collapse 无效。

那么我该怎么做才能修复这个bug，让表格的边框塌陷呢？

我的表格应用 CSS 如下

table{
    border:1px solid #000000;
    border-collapse:collapse;
    -fs-table-paginate: paginate;
}
table td{
    border:1px solid #000000;
    word-wrap:break-word;
    white-space:normal;
    overflow:hidden;
    text-align:left;
    line-height:16px;
    height:16px;

}
table tr{
    page-break-inside:avoid;
}
table thead tr th{
    background:#f2f2f2;
    border:1px solid #000000;
    text-align:center;
}

table tr th{
    background:#f2f2f2;
    border:1px solid #000000;
    text-align:center;
}

并且在添加-fs-table-paginate: paginate;的时候有时表头会不正常。标题将无法正确显示。而表头下方会增加一个额外的空行。如下:

有人知道吗？

Answer 1

对于同样的问题，我使用了这个解决方法:

table {
  -fs-table-paginate: paginate;
  border-spacing: 0;
}

它对我有用，我的 thead 在每个页面上重复。