首页 > 解决方案 > 从 HTML 模板生成 NodeJS 服务器 pdf 文档

问题描述

我想要tr class="table_entry & tr class="table_total"之间的 100px 或等效空间

我没有这样做,您可以检查图像中的输出(nodejs生成的pdf截图)。它们之间的空间在浏览器中可见,但在由 NodeJs 生成的 PDF 中显示它们之间没有空间。

 <div class="table-div">
                <table>
                    <thead class="thead-dark">
                        <tr class="bg">
                            <th scope="col">Particulars</th>
                            <th scope="col">Description</th>
                            <th scope="col">Oty</th>
                            <th scope="col">Unite Price</th>
                            <th scope="col">Taxable Values</th>
                            <th scope="col">SGST</th>
                            <th scope="col">CGST</th>
                            <th scope="col">IGST</th>
                            <th scope="col">Total(INR)</th>
                        </tr>
                    </thead>
                    <tr class="table_entry>
                        <td><b>HSN/SAC</b> : 294</td>
                        <td>Gold Wheels</td>
                        <td>1</td>
                        <td>7000</td>
                        <td>7000</td>
                        <td>630</td>
                        <td>630</td>
                        <td>-</td>
                        <td><b>8260</b></td>
                    </tr>
                    <tr class="table_total">
                        <td><b>Total</b></td>
                        <td></td>
                        <td></td>
                        <td>7000</td>
                        <td>7000</td>
                        <td>630</td>
                        <td>630</td>
                        <td>0</td>
                        <td><b>8260</b></td>
                    </tr>
                </table>
            </div>

表格的 CSS:

 table {
            width: 100%;
        }

        th,
        td {
            text-align: left;
            padding: 8px;
            font-family: "Proxima Nova";
            font-weight: 500;
            font-display: normal;
        }

        .table_total {
            background-color: #E9E9Eb;
             position: relative;
             top: 120px;
        }

输出图片: 点击查看图片

标签: htmlcssnode.jshtml-to-pdf

解决方案


推荐阅读