用js打印一个table标签
我正在尝试打印一个表格，但它会捕获整个页面，并且在移动模式下，我只想打印地址表类，如下所示：
HTML
<table class="addr-table">
... table content...
</table>
<a href="#" class="js-print-link">Print</a>
JS
<script>
$('.js-print-link').on('click', function() {
var printBlock = $(this).parents('.addr-table').siblings('.addr-table');
printBlock.hide();
window.print();
printBlock.show();
});
</script>
我尝试了很多格式，包括关于 SO 的建议，这段代码表现最好，现在是最后一集。我怎样才能在普通 pc 模式而不是移动模式下只捕获表格
大话西游666浏览 212回答 1
1回答
-
子衿沉夜
请试一试......它工作正常：<!DOCTYPE html><html><head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> <title>Page Title</title> <meta name='viewport' content='width=device-width, initial-scale=1'> <style> @media print { *{visibility:hidden} .printable,.printable *{ visibility:visible } } </style></head><body> <div> this content is not printable </div> <table class="printable"> <tr> <td> ... table content... </td> </tr> </table> <a href="#" class="js-print-link" onclick="print()">Print</a></body></html>
随时随地看视频慕课网APP
相关分类
JavaScript