我使用 tcpdf 和 html 表格来显示数据。
我想在我的 pdf 中并排放置两个 html 表格。
经过一番研究,我意识到(在 tcpdf 中)我必须将两个表放置在一个父表中才能将它们并排放置。
所以,这是我的代码(我使用内联 css 进行演示):
<table width="100%" style="border:1px solid #dddddd; border-collapse:collapse; border-spacing:0px;">
<tr>
<td width="30%" style="padding:0px; border-width:0px; margin:0px;">
<table width="100%" style="border:1px solid #dddddd; border-collapse:collapse; border-spacing:0px; cell-margin:0px;">
<tr>
<td style="padding:0px; border-width:0px; margin:0px;">Left-side table data</td>
</tr>
</table>
</td>
<td width="70%" style="padding:0px; border-width:0px; margin:0px;">
<table width="100%" style="border:1px solid #dddddd; border-collapse:collapse; border-spacing:0px;">
<tr>
<td style="padding:0px; border-width:0px; margin:0px;">Right-side table data</td>
</tr>
</table>
</td>
</tr>
</table>
结果(tcpdf)如下:
如您所见,每个子表的左侧都有一个空格。
我已经尝试过 padding:0px;边框宽度:0px;边距:0px;但尚未成功。
我的问题是“在 tcpdf 中渲染时如何删除父表格单元格和内部表格之间的空格?”。
注意:渲染为 html 时没有空格,但渲染为 tcpdf 时有空格。
提前谢谢您。
最佳答案
我明白了。问题是 tcpdf 渲染 <td>
之间的空间父表的标签和 <table>
子表的标签。
<table class="parent_table">
<tr>
<td>**<---- // tcpdf is rendering this space ------>**<table class="child_table"></table></td>
</tr>
</table>
当我消除 <td>
之间的空格时父表的标签和 <table>
child 表的标签,问题解决了。
关于html - 如何删除父表格单元格和内部表格之间的空格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59112926/