javascript - HTML ページから表を印刷する

Question

テーブルをプリンターに送信する必要がある html ページがあります。私は現在window.printを使用しています..しかし、それはページ全体を印刷します...テーブルだけを印刷する必要があります。何か案は？

Answer 1

1. メディア タイプの印刷を使用できます (スタイルシートを使用して html ページを印刷する方法のヒントはこちら)。

2. ポップアップウィンドウからそれを実現できます-このウィンドウではテーブルのみを表示し、それをプリンターに送信します。

簡単な例

<script>
    function printDiv() {
        var divToPrint = document.getElementById('areaToPrint');
        newWin = window.open("");
        newWin.document.write(divToPrint.outerHTML);
        newWin.print();
        newWin.close();
   }
</script>

Answer 2

display:noneページの不要な部分すべてにスタイルを与えることができます。このようにして、表のみを印刷できます。

例：

<style>
    @media only print {
        footer, header, .sidebar {
            display:none;
        }
    }
</style>