文章/答案/技术大牛

发布

社区首页 >问答首页 >用js打印表标签

问用js打印表标签
EN

Stack Overflow用户

提问于 2020-10-04 20:28:51

回答 1查看 61关注 0票数 1

我试图打印一个表，但它捕获了整个页面，在移动模式下，我只想打印addr-table类，如下所示：

HTML

<table class="addr-table">

 ... table content...

</table>
<a href="#" class="js-print-link">Print</a>

<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模式下而不是移动模式下捕获表格

jquery

javascript

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-04 20:42:50

请试试看。它可以正常工作：

<!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>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/64194604

复制

相似问题

问用js打印表标签
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用js打印表标签EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用js打印表标签
EN