Cetak label tabel dengan js

Question

Saya mencoba mencetak tabel tetapi menangkap seluruh halaman dan dalam mode seluler, saya hanya ingin mencetak kelas addr-tabel seperti di bawah ini:

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>

Saya mencoba banyak format termasuk saran tentang SO, kode ini berkinerja terbaik, sekarang ngerumpi terakhir. Bagaimana saya bisa menangkap tabel hanya dalam mode pc normal bukan mode seluler

Answer 1

silakan coba ... ini bekerja dengan benar:

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