我正在尝试打印一个表格，但它会捕获整个页面，并且在移动模式下，我只想打印地址表类，如下所示：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 模式而不是移动模式下只捕获表格
1 回答
子衿沉夜
TA贡献1828条经验 获得超3个赞
请试一试......它工作正常：
<!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>
添加回答
举报
0/150
提交
取消