如何删除父表单元格和内部表之间的空间

时间:2019-11-30 03:27:38

标签: html css tcpdf

我正在使用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中)如下:

table result

如您所见,每个子表的左侧都有一个空格。

我已经尝试过padding:0px; border-width:0px;保证金:0px;但还没有成功。

我的问题是“在tcpdf中显示时,如何删除父表单元格和内部表之间的空间??”。

注意:以html呈现时没有空格,而以tcpdf呈现则有空格。

谢谢。

1 个答案:

答案 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>标签之间的空格时,问题就解决了。