無法使用window.print（）函數打印表格的邊框

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 個解決方案

解決方案1
1 2014-06-25 15:04:57

解決方案2
0 已采納 2014-06-25 15:02:13

無法使用window.print（）函數打印表格的邊框

問題描述

2 個解決方案

解決方案1 1 2014-06-25 15:04:57

解決方案2 0 已采納 2014-06-25 15:02:13

解決方案1
1 2014-06-25 15:04:57

解決方案2
0 已采納 2014-06-25 15:02:13