我正在使用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; border-width:0px;保证金:0px;但还没有成功。
我的问题是“在tcpdf中显示时,如何删除父表单元格和内部表之间的空间??”。
注意:以html呈现时没有空格,而以tcpdf呈现则有空格。
谢谢。
答案 0 :(得分:1)
我明白了。问题是tcpdf渲染了父表的<td>
标签和子表的<table>
标签之间的空间。
<table class="parent_table">
<tr>
<td>**<---- // tcpdf is rendering this space ------>**<table class="child_table"></table></td>
</tr>
</table>
当我消除了父表的<td>
标签和子表的<table>
标签之间的空格时,问题就解决了。