亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用js打印一個table標簽

用js打印一個table標簽

大話西游666 2023-04-14 15:13:23
我正在嘗試打印一個表格,但它會捕獲整個頁面,并且在移動模式下,我只想打印地址表類,如下所示: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>


查看完整回答
反對 回復 2023-04-14
  • 1 回答
  • 0 關注
  • 248 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號