如何使用Javascript打印表格？
我发现这段代码是用Javascript打印的如何使用Javascript打印表格？,javascript,html-table,Javascript,Html Table,我发现这段代码是用Javascript打印的 function printData() { var divToPrint=document.getElementById("printTable"); newWin= window.open(""); newWin.document.write(divToPrint.outerHTML); newWin.print(); newWin.close(); } 元素ID“printTable”是我想要打印的表的ID，但不
function printData()
{
var divToPrint=document.getElementById("printTable");
newWin= window.open("");
newWin.document.write(divToPrint.outerHTML);
newWin.print();
newWin.close();
}
元素ID“printTable”是我想要打印的表的ID，但不幸的是，它只打印表的内容，而不打印表的样式。我只想在它上面加上边框，这样在印刷品上更容易阅读。有人能帮我吗 以下是JSFIDLE示例中的代码。我已经测试过了，看起来不错 我使用了一个简单的表，可能您在使用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>
名字
姓
要点
吉尔
史密斯
50
前夕
杰克逊
94
约翰
雌鹿
80
亚当
约翰逊
67
function printDiv(divID) {
//Get the HTML of div
var divElements = document.getElementById(divID).innerHTML;
//Get the HTML of whole page
var oldPage = document.body.innerHTML;
//Reset the page's HTML with div's HTML only
document.body.innerHTML =
"<html><head><title></title></head><body>" +
divElements + "</body>";
//Print Page
window.print();
//Restore orignal HTML
document.body.innerHTML = oldPage;
}
函数printDiv（divID）{
//获取div的HTML
var divElements=document.getElementById（divID）.innerHTML；
//获取整个页面的HTML
var oldPage=document.body.innerHTML；
//仅用div的HTML重置页面的HTML
document.body.innerHTML=
"" +
divElements+“”；
//打印页
window.print（）；
//还原原始HTML
document.body.innerHTML=旧页；
}
<form id="form1" runat="server">
<div id="printablediv" style="width: 100%; background-color: Blue; height: 200px">
Print me I am in 1st Div
</div>
<div id="donotprintdiv" style="width: 100%; background-color: Gray; height: 200px">
I am not going to print
</div>
<input type="button" value="Print 1st Div" onclick="javascript:printDiv('printablediv')" />
</form>
打印我我在第一组
我不打算打印
<script type="text/javascript">
function imprimir() {
var divToPrint=document.getElementById("ConsutaBPM");
newWin= window.open("");
newWin.document.write(divToPrint.outerHTML);
newWin.print();
newWin.close();
}
</script>
函数imprimir（）{
var divToPrint=document.getElementById（“ConsutaBPM”）；
newWin=window.open（“”）；
newWin.document.write（divToPrint.outerHTML）；
newWin.print（）；
newWin.close（）；
}
<table border='1' cellpadding='1' id='Tablbpm1' >
它工作得很好 没关系。dimshik在他的回答中说，这只是一个额外的选项，当你打开一个新窗口时——你没有在主页上携带任何CSS或JavaScript文件，它就像一个空的新实例/窗口。所以这就是为什么你的桌子样式是非常裸露的；您需要添加CSS样式。那么如何将CSS文件附加到新窗口？我尝试了dimshiks方法，但我得到了厚边框。这是因为他使用
border=“1”