使用wkhtmltopdf转换html表格报告:
| 01/15/2023 |
Payment Ledger |
11:23AM |
| Payment Date | Payment For | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT | |
| 01/23/2023 | PAYMENT ON ACCOUNT |
我知道这里有很多代码,但未对齐的地方有几行。它也不只在一行上——它是随机的。当 html 被放入浏览器中时显示正常,但它不会转换为打印版本。 我该怎么做才能纠正这个问题?谢谢
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
添加更多行后,我可以重现该问题,这表明该问题确实相当难以预测。
但是,该问题似乎是由
border-collapse:collapse;css 属性引起的。删除它会使所有行具有相同的高度。当然,这也会导致每个表格单元格周围出现白色边框,这可能是不希望的。
要使边框与单元格融为一体,解决方案是使用整个表格的背景图案(而不是单个单元格的
background-color属性)为列着色。在下面的代码中,我创建了一个内联 svg 图像,该图像由三个具有表格列宽度和颜色的矩形组成:
为了在转换过程中正确计算列宽,我需要将 dpi 设置调整为 130:
HTML 代码:
Payment Ledger
生成的 pdf 文件: