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

标签 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;边框宽度: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/

相关文章:

php - TCPDF - 为 PDF 上显示的表格单元格或 div 添加背景

html - CSS 外部工作表中的元标记?

jquery - Bootstrap 表单边框渐变

html - :hover active area? 元素生成的框或基于html结构的框是什么

css - 使用 Bootstrap 2.3.2 垂直对齐文本(底部)

php - 通过使用 TCPDF 合并 PDF 文档创建新 PDF

html - 背景封面仍然使图像太大

css - margin-bottom 没有出现在正确的位置

php - 我怎样才能从 web 表单正确设置 PHP 邮寄文本的样式?

tinymce - CPDF错误: [Image] Unable to get image: