从 html 页打印表格

Question

我有一个 html 页面，需要从中将表格发送到打印机。 我现在正在使用 window.print .. 但它会打印整页...而我只需要打印表格。 有任何想法吗？

Answer 1

1. 您可以使用媒体类型打印（ 这里是提示，如何使用样式表打印 html 页面）。

2. 您可以通过弹出窗口 window 实现 - 在此 window 中仅显示表格并将其发送到打印机。

简单例子

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