html - 如何在dompdf中使用css并排显示2个表格

标签 html css dompdf

我尝试使用显示内联 block ,但 dompdf 不支持显示内联。 我在这里:enter image description here

使用这些代码:

    <div style="float: left; width: 50%;">
<table style="" border="1px solid" class="mr-3">
            <body>
                <tr>
                    <td class="pl-1">Account No</td>
                    <td class="center">:</td>
                    <td class="pl-1"><?=$client->acc_number?></td>
                </tr>
                <tr>
                    <td class="pl-1">Full Name</td>
                    <td class="center">:</td>
                    <td class="pl-1"><?=$client->fullname?></td>
                </tr>
                <tr>
                    <td class="pl-1">Contact No</td>
                    <td class="center">:</td>
                    <td class="pl-1"><?=$client->contact_num?></td>
                </tr>
                <tr>
                    <td class="pl-1">Address</td>
                    <td class="center">:</td>
                    <td class="pl-1"><?=$client->address?></td>
                </tr>
                <tr>
                    <td class="pl-1">Status</td>
                    <td class="center">:</td>
                    <td class="pl-1"><?=$client->remarks?></td>
                </tr>
            </body>
        </table>
    </div>
    <div style="float: right; width: 50%;">
<table style="" border="1px solid" class="inlineTable">
            <tbody>
                <tr>
                    <td>Date of Loan</td>
                    <td>:</td>
                    <td class="right"><?=strftime("%b. %d, %Y",strtotime($loan->date_loan))?></td>
                </tr>
                <tr>
                    <td>Term of Loan</td>
                    <td>:</td>
                    <td class="right"><?= $loan->loan_term;?> <?=$loan->loan_term == 1 ? " Month" : " Months"; ?></td>
                </tr>
                <tr>
                    <td>End of Loan</td>
                    <td>:</td>
                    <td class="right"><?= strftime("%b. %d, %Y",strtotime($loan->loan_end))?></td>
                </tr>
                <tr>
                    <td>Collection</td>
                    <td>:</td>
                    <td class="right"><?=$loan->collection?></td>
                </tr>
                <tr>
                    <td>Principal</td>
                    <td>:</td>
                    <td class="right"><?=number_format($loan->principal)?></td>
                </tr>
                <tr>
                    <td>Interest</td>
                    <td>:</td>
                    <td class="right"><?=$loan->interest?>%</td>
                </tr>
                <tr>
                    <td>Total Interest</td>
                    <td>:</td>
                    <td class="right"><?=number_format($loan->total_interest)?></td>
                </tr>
                <tr>
                    <td>Total Payment</td>
                    <td>:</td>
                    <td class="right"><?=number_format($loan->total)?></td>
                </tr>
                <tr>
                    <td>Amount of Payment</td>
                    <td>:</td>
                    <td class="right"><?=number_format($loan->payment)?></td>
                </tr>
                <tr>
                    <td>Total Paid</td>
                    <td>:</td>
                    <td class="right"><?=number_format($total_paid)?></td>
                </tr>
                <tr>
                    <td>Balace</td>
                    <td>:</td>
                    <td class="right"><?=number_format($balance)?></td>
                </tr>
            </tbody>
        </table>
    </div>

表格的边框没有跟随 float 的 div 向右移动。 我搜索了很多 dompdf 表问题,但仍然没有找到任何答案,请帮助我。

表格的边框没有跟随 float 的 div 向右移动。 我搜索了很多 dompdf 表问题,但仍然没有找到任何答案,请帮助我。

表格的边框没有跟随 float 的 div 向右移动。 我搜索了很多 dompdf 表问题,但仍然没有找到任何答案,请帮助我。

表格的边框没有跟随 float 的 div 向右移动。 我搜索了很多 dompdf 表问题,但仍然没有找到任何答案,请帮助我。

表格的边框没有跟随 float 的 div 向右移动。 我搜索了很多 dompdf 表问题,但仍然没有找到任何答案,请帮助我。

最佳答案

删除您使用的 div 并添加另一个表格

<table>
<tr>
  <td> your left side table </td>
  <td> your right side table </td>
</tr>
</table>

关于html - 如何在dompdf中使用css并排显示2个表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58968411/

相关文章:

java - 验证码使jsp页面上的所有html元素消失

html - 尽管渲染了带有图像 url 的背景,但浏览器未渲染背景图像

javascript - 使用 append 添加内容 - Jquery

html - 单击事件后 Foundation 5 按钮类中断(在 webkit 浏览器中)

html - 动画元素在 Firefox 的父容器外不可见

php - 发送 header 以下载 PDF 时,Safari 会附加 .html

html - 连续流动 3 个元素,包装时,最后一行元素左对齐

jQuery "hand tool"图像模拟(只需指出正确的方向)

php - DomPDF:图像不可读或为空

带附件的 Laravel 邮件给出 fopen() : null bytes error