Question

我目前正在制作一个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>

但是每当我尝试打印它时，它都不会打印任何表格边框。如何打印表格边框：

Answer 1

您是否尝试使用打印 CSS 。我认为使用 CSS 设置要打印的内容应该更容易，然后只需使用

window.print()

打印它。

Answer 2

您也可以使用jQuery。试试吧（未经过测试。）

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

无法使用window.print（）函数打印表的边框

2 个答案: