为什么边界崩溃在html2pdf中不起作用？

Question

我想创建一个带有html表的pdf，如：

所以，我创建了这个html：

<table style="width: 100%; border:2px solid; border-collapse: collapse; padding: 0; margin: 0;">
    <tr style="border-bottom: 1px solid;">
        <th style="border-left: 1px solid; width: 60%;">Ref produit</th>
        <th style="border-left: 1px solid; width: 10%;">Taille</th>
        <th style="border-left: 1px solid; width: 10%;">Quantit�</th>
        <th style="border-left: 1px solid; width: 10%;">Prix net HT</th>
        <th style="border-left: 1px solid; width: 10%;">Montant HT</th>
    </tr>
    <tr>
        <td style="border-left: 1px solid;">BAL100</td>
        <td style="border-left: 1px solid; text-align: center;">S</td>
        <td style="border-left: 1px solid; text-align: center;">20</td>
        <td style="border-left: 1px solid; text-align: center;">22.00</td>
        <td style="border-left: 1px solid; text-align: center;">440</td> 
    </tr>
    <tr>
    .
    .
    .
    </tr>
</table>

pdf结果是：

边界消失了！

如果删除属性border-collapse: collapse;，则会显示边框，但结果不合适。

我在official forum（法国帖子）上看到，属性边框折叠仅适用于代码table。所以我不明白为什么我的桌子没有正确生成。

有什么想法吗？

这是我生成pdf的php代码

$html2pdf = new HTML2PDF('P','A4','fr');
$html2pdf->WriteHTML($htmlContent);
$html2pdf->Output($path, 'F');

Answer 1

我找到了一种解决方法，如果我用border-collapse: collapse;替换css属性cellspacing="0"，结果看起来没问题。

<table cellspacing="0" style="width: 100%; border:2px solid;position: relative;">

Answer 2

border-collapse: collapse;应该将两个相同的相邻边界合并在一起。在html2pdf中使用它时，您应该设置border-left和border-right属性（同样的东西）的样式，折叠时会产生单个边框。另外，要防御性地编写此CSS而不假设border-color属性继承，您应该在定义边框时在技术上指定它，例如border: 1px solid black;