无法使用window.print()函数打印表的边框 - unable to print borders of table using window.print() function

unable to print borders of table using window.print() function

本文关键字：打印函数边框 window print | 更新日期: 2023-09-27

我目前正在制作一个wordpress插件，其中我有一个表如下

<table class="responsive display table table-bordered"><tbody><tr><th>Subject</th><th>Total Marks</th><th>Obtained Marks</th></tr><tr><td> 1 . sdf</td><td>99</td><td>20</td></tr><tr><td> 2 . sdf</td><td>23</td><td>30</td></tr><tr><th>Total</th><th>122</th><th>50</th></tr></tbody></table>

用div print

我用下面的jS

打印它

<script>
function print_this()
{
       var divToPrint = document.getElementById('print');
       var popupWin = window.open('', '_blank', 'width=3600,height=500');
       popupWin.document.open();
       popupWin.document.write('<html><body onload="window.print()">' + divToPrint.innerHTML + '</html>');
       popupWin.document.close();
}
</script>

但是每当我试图打印它时，它不打印任何表边界。如何打印表格边框:

是否尝试使用print CSS。我认为使用CSS设置你想要打印的内容应该更容易然后使用

window.print()

也可以使用jQuery。试一试(没有测试过)

$('table.responsive display table table-bordered').css('border','1');