如何删除 parent table 单元格和内部 table 之间的 space

Question

我正在使用 tcpdf 和 html tables 来显示数据。

我想在我的 pdf 中并排放置两个 html table。
经过一些研究，我意识到（in tcpdf）我必须将两个 table 放在一个 parent table 中才能让它们并排。

所以，这是我的代码（出于演示目的，我使用内联 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 中）如下：

如您所见，每个 child table 的 left-side 上有一个 space。

我已经试过了padding:0px； border-width:0px; margin:0px;但还没有成功。

我的问题是"How to remove the space between parent table cell and the inner tables when rendered in tcpdf?"。

注：渲染为html时没有space，tcpdf渲染时有space

提前致谢。

Answer 1

我明白了。问题是 tcpdf 在 parent table 的 <td> 标签和 child table 的 <table> 标签之间呈现 space。

 <table class="parent_table">
    <tr>
        <td>**<---- // tcpdf is rendering this space ------>**<table class="child_table"></table></td>
   </tr>
 </table>

当我删除parent table的<td>标签和children [=24=的<table>标签之间的space ], 问题解决

Answer 2

我删除了大部分 spaces，但在细胞壁和 table 壁之间仍然存在 space，如下图所示

有什么建议吗？代码如下

<td style="width:100%;border-bottom:1px solid black;font-size: 10px;padding:0px; border-width:0px; margin:0px;"><table style="width:100%;; border-collapse:collapse; border-spacing:0px; cell-margin:0px;">
                                            <tr>
                                                <th rowspan="2" style="border:1px solid black;">HSN/SAC</th>
                                                <th rowspan="2" style="border:1px solid black;">Taxable Value</th>
                                                <th colspan="2" style="border:1px solid black;">Central Tax</th>
                                                <th colspan="2" style="border:1px solid black;">Sales Tax</th>
                                                <th rowspan="2" style="border:1px solid black;">Total Tax Amount</th>
                                            </tr>
                                            <tr>
                                                <th style="border:1px solid black;">Rate</th>
                                                <th style="border:1px solid black;">Amount</th>
                                                <th style="border:1px solid black;">Rate</th>
                                                <th style="border:1px solid black;">Amount</th>
                                            </tr>
                                            <tbody>
                                                <tr>
                                                    <td style="border:1px solid black;">1221212121</td>
                                                    <td style="border:1px solid black;">4,500.00</td>
                                                    <td style="border:1px solid black;">9%</td>
                                                    <td style="border:1px solid black;">405.00</td>
                                                    <td style="border:1px solid black;">9%</td>
                                                    <td style="border:1px solid black;">405.00</td>
                                                    <td style="border:1px solid black;">810.00</td>
                                                </tr>
                                                <tr>
                                                    <td style="border:1px solid black;text-align:right;">Total</td>
                                                    <td style="border:1px solid black;">4,500.00</td>
                                                    <td style="border:1px solid black;"></td>
                                                    <td style="border:1px solid black;">405.00</td>
                                                    <td style="border:1px solid black;">9%</td>
                                                    <td style="border:1px solid black;">405.00</td>
                                                    <td style="border:1px solid black;">810.00</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>