HTML2PDF 不显示 <td> 的左边框

Question

我有一个 table 使用 php 生成的 5 列。我只希望包含文本的单元格有边框，但列的长度可能不同。以下内容在浏览器中运行良好，但在使用 HTML2PDF 时，我丢失了一些单元格的左边框，如下所示。

numberOfRowsInTable 将保存 table

的总大小

$arrayCol*[ ] 保存每个单元格的值（每列一个数组）

CSS

table {
border-collapse: collapse;    
}

.leftCell
{
border: 1px solid black;
}

.noborder
{
border: 0px;
}

PHP

<?php
$numberOfRowsInTable = 0;

if ($numberOfRowsInCol1> $numberOfRowsInTable )
{$numberOfRowsInTable = $numberOfRowsInCol1;}

if ($numberOfRowsInCol2> $numberOfRowsInTable)
{$numberOfRowsInTable = $numberOfRowsInCol2;}

.... etc from 1 to 5

if ($numberOfRowsInCol5> $numberOfRowsInTable )
{$numberOfRowsInTable = $numberOfRowsInCol5;}

<table>
for ($loop = 1; $loop <=$numberOfRowsInTable ; $loop ++)
{?>
<tr>
<?php
if ($loop <= $numberOfRowsInCol1){?>
<td class="leftCell">
<?php echo $arrayCol1[$loop-1];
}
else
{?>
<td  class="noborder">
<?php } ?>
</td>

<?php
if ($loop <= $numberOfRowsInCol2){?>
<td class="leftCell">
<?php echo $arrayCol2[$loop-1];
}
else
{?>
<td  class="noborder">
<?php } ?>
</td>
    .....
<?php
if ($loop <= $numberOfRowsInCol5)
{?>
<td class="leftCell">
<?php echo $arrayCol5[$loop-1];
}
else
{?>
<td  class="noborder">
<?php } ?>
</td>
</tr>
 <?php } ?>
</table>

问题是有文本的单元格左边没有文本，而边没有边框。

Answer 1

删除 table 上的 css 属性 border-collapse: collapse;。并像这样定义你的 table :

<table cellspacing="0">

我的数组左边框也有同样的问题。我怀疑当您设置 border-collapse: collapse; 时左边框不起作用。我找到了解决该问题的解决方法。

HTML2PDF 不显示 <td> 的左边框

HTML2PDF not showing the left border of <td>

html

css

php

html2pdf