javascript - 如何使用 Javascript 打印表格？

Question

我发现这段代码可以用 Javascript 打印。

function printData()
{
   var divToPrint=document.getElementById("printTable");
   newWin= window.open("");
   newWin.document.write(divToPrint.outerHTML);
   newWin.print();
   newWin.close();
}

元素 ID“printTable”是我要打印的表格的 ID，但不幸的是它只打印出表格的内容，而不是表格的样式。我只想在它上面加上边框，以便更容易阅读打印品。谁能帮我？

Answer 1

这是您在 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>