html - 从 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;
}
输出图片: 点击查看图片
解决方案
推荐阅读
- linux - 如何使用 docker 映像构建应用程序?
- jquery - jquery 将 href 转为 xlink:href
- asp.net - 命名api路由的最佳实践是什么?
- macos - 使用英特尔编译器创建通用二进制文件
- html - HTML/CSS 背景与其他屏幕尺寸不匹配
- django - django rest 框架“ModuleNotFoundError:没有名为‘路由器’的模块”
- ubuntu - 报告为专有的开源 .deb 包
- typescript - 函数类型 - TypeScript
- python - 使用推导将 Python 字典数组转换为 Python 字典
- linux - 从 Windows7 主机调整 Ubuntu Virtualbox vdi 大小不生效