问题描述:
JS打印表格时边框缺失问题
项目场景:window.print()
打印网页,预览中,表格的边框缺失部分或全部
原因分析:
首先,怀疑是设置了border-collapse:collapse
合并边框导致的问题
不使用合并边框,手动设置td边框后发现问题还是存在
然后,发现貌似是PDF预览的问题。下载PDF,打开,发现缩放都会让边框样式改变。转WORD或者直接打印机打印,证实边框样式并没有问题。。。
解决方案:
如果真的只是PDF预览问题,那无法解决。如果不是的话,可以参考这位老哥的方案:
Js打印表格时部分边框不显示(table 标签)