获取phantomjs 1.9.8以正确的方式呈现PDF格式的HTML表格单元格边框

Question

使用phantomjs将带有边界的表格渲染为PDF，使每个单独的单元格都有边界，但每个单元格之间有间隙。该表格在网页上正确显示，没有这些间隙。

在我的CSS中我尝试过设置：

border-collapse: collapse;
border-spacing: 0px 0px;

无济于事，我需要摆脱PDF中单元格之间的差距。 我们将非常感激地提出任何想法。 你的艾伦

Answer 1

请务必将border-spacing和border-collapse规则添加到<table>，而不是<td>。这是我特定于phantomjs的规则：

.table {
    border: 1px solid black;
    border-spacing: 0px 0px;
    border-collapse: collapse;
}

.table th,
.table td {
    padding: 5px;
    border: 1px solid black;
    margin: 0;
}

请注意，这与普通＆＃39;略有不同。 （不是phantomjs-pdf）css你的边框折叠可以放在<td>元素上。