我发现此代码可以用Javascript打印。
function printData()
{
var divToPrint=document.getElementById("printTable");
newWin= window.open("");
newWin.document.write(divToPrint.outerHTML);
newWin.print();
newWin.close();
}
元素ID“ printTable”是我要打印的表格的ID,但是不幸的是,它仅打印出表格的内容,而不打印表格的样式。我只想在上面加上边框,以便更轻松地阅读印刷品。谁能帮我?
这是jsfiddle示例中的代码。我已经测试过了,看起来还不错。
http://jsfiddle.net/dimshik/9DbEP/4/
我使用了一个简单的表,也许您在用JavaScript创建的新页面上缺少一些CSS。
<table border="1" cellpadding="3" id="printTable">
<tbody><tr>
<th>First Name</th>
<th>Last Name</th>
<th>Points</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
<tr>
<td>Adam</td>
<td>Johnson</td>
<td>67</td>
</tr>
</tbody></table>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句