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>

Answer 3

为了使它工作，我还需要在我的文档的头部之间放置这条线。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>