In thẻ bảng với js

Question

Tôi đang cố in một bảng nhưng nó chiếm toàn bộ trang và ở chế độ di động, tôi chỉ muốn in lớp addr-table như bên dưới:

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>

Tôi đã thử nhiều định dạng bao gồm cả đề xuất trên SO, mã này hoạt động tốt nhất, bây giờ là cuộc trò chuyện nhóm cuối cùng. Làm thế nào tôi có thể chỉ chụp bảng ở chế độ máy tính bình thường chứ không phải chế độ di động

Answer 1

hãy thử nó ... nó hoạt động chính xác:

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