如何创建具有可变行填充的 TCPDF HTML 表

php css tcpdf report

2022-08-30 22:24:18

我正在尝试在TCPDF中创建一个HTML表，其中几行在行之间具有更大的空间（填充），而其他行具有较小的填充。

$html = '<table border="0" cellpadding="6">
        <tr>
            <td style="width="52%">' . lang('ticket_name') . '</td>
            <td style="width="18%">' . lang('ticket_price') . '</td>
            <td style="width="12%">' . lang('quantity') . '</td>
            <td style="width="18%">' . lang('total') . '</td>
        </tr>
    <tr>
            <td style="padding: 10px">' . $item['name'] . '</td>
            <td style="padding: 10px">' . $item['unit_price'] . '</td>
            <td style="padding: 10px">' . $item['quantity'] . '</td>
            <td style="padding: 10px">' . $item['row_total'] . '</td>
        </tr>
        <tr>
            <td style="text-align:right" colspan="3">' . lang('price_basis') . ': </td>
            <td>' . $totals['total_before_tax'] . '</td>
        </tr>
            <tr>
            <td style="text-align:right" colspan="3">' . 'Ukupni popust' . ': </td>
            <td>' . $totals['total_discount'] . '</td>
        </tr>
            <tr>
            <td style="text-align:right" colspan="3">' . 'Sveukupno' . ': </td>
            <td>' . $totals['grand_total'] . '</td>
        </tr>
    </table>';
$pdf->writeHTML($html, $linebreak = true, $fill = false, $reseth = true, $cell = false, $align = '');

如您所见，我在表标记中有一个单元格填充属性，该属性工作正常，但我希望在第二行中具有不同的填充。填充样式显然不适用于“td”或“tr”标签。

我知道可以用两个具有不同单元格填充的单独表来完成，但这似乎是错误的。必须有另一种方法。

答案 1

TCPDF 不支持所有 CSS 属性，例如 TCPDF 不支持和属性。您可以按内部表模拟填充：paddingmargin

<tr>
 <td>
  <table><tr>
   <td style="width:10px;"></td>
   <td>' . $item['name'] . '</td>
   <td style="width:10px;"></td>
  </tr></table>
 </td>
</tr>

或者，您可以使用不同的表，每行都有不同的表：cellpadding

<table border="0" cellpadding="6">
 <tr>
  <td>' . lang('ticket_name') . '</td>
  <td>' . lang('ticket_price') . '</td>
  <td>' . lang('quantity') . '</td>
  <td>' . lang('total') . '</td>
 </tr>
</table>
<table border="0" cellpadding="5">
 <tr>
  <td>' . $item['name'] . '</td>
  <td>' . $item['unit_price'] . '</td>
  <td>' . $item['quantity'] . '</td>
  <td>' . $item['row_total'] . '</td>
 </tr>
</table>

答案 2

这里的另一个答案提供了一个全方位的填充，但是如果您需要在顶部或底部填充，解决方案是使用具有设置高度/宽度的透明PNG。

private function padding($width,$height){
    return '<img src="/imagepath/images/transparent.png" width="'.$width.'" height="'.$height.'">'; 
}

然后在需要填充的TD中：

$this->padding(82,11)

因此，您需要在表格单元格上定义宽度。这可能也适用于左/右填充，但尚未尝试过。