【问题标题】:How to remove the space between parent table cell and the inner tables如何删除父表格单元格和内部表格之间的空间
【发布时间】:2020-03-25 12:45:30
【问题描述】:

我正在使用 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渲染时有空格。

提前谢谢你。

【问题讨论】:

  • 这里没有空格:onlinegdb.com/HkMoQD1aB
  • @tcadidot0 是的,对于 html,没有间距。但是,我的问题是在 tcpdf 中呈现时,输出如上图所示。谢谢。
  • Opss.. 抱歉,我错过了
  • 没问题,我还编辑了我的问题以进行澄清。 :)

标签: html css tcpdf


【解决方案1】:

我明白了。问题是tcpdf渲染父表的&lt;td&gt;标签和子表的&lt;table&gt;标签之间的空间。

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

当我消除父表的&lt;td&gt;标签和子表的&lt;table&gt;标签之间的空格时,问题就解决了。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-05-01
    • 2012-01-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多