javascript 如何使用 jQuery 打印文档中的表格内容？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/28907706/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-28 09:44:43 来源:igfitidea点击:
How to Print Table Content in Document Using jQuery?
提问by Suffii
How can I use jQuery to print only the table of the document?
如何使用 jQuery 仅打印文档的表格？
<!--panel-->
<div class="panel panel-primary">
<!-- Default panel contents -->
<div class="panel-heading">New Order
<button class="btn btn-sm pull-right btn-default" type="submit">Print Item</button>
</div>
<div class="panel-body">
<!--table-->
<table class="table table-condensed">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<td>2</td>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<td>3</td>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<!--end of table-->
</div>
</div>
<!--end of panel-->
回答by Mottie
Try this (demo):
试试这个（演示）：
$(function () {
$('button[type="submit"]').click(function () {
var pageTitle = 'Page Title',
stylesheet = '//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css',
win = window.open('', 'Print', 'width=500,height=300');
win.document.write('<html><head><title>' + pageTitle + '</title>' +
'<link rel="stylesheet" href="' + stylesheet + '">' +
'</head><body>' + $('.table')[0].outerHTML + '</body></html>');
win.document.close();
win.print();
win.close();
return false;
});
});
回答by MelArlo
You could try this function. Put your table in a div with a unique ID then reference it in the JQuery:
你可以试试这个功能。将您的表放在具有唯一 ID 的 div 中，然后在 JQuery 中引用它：
<script>function printDiv() {
var divName= "<DIV ID HERE>";
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}</script>
