分页打印所有内容

Question

我正在满足这一要求，我需要使用分页显示内容  但是，当我单击“打印”按钮时，一次打印所有内容，但是当我单击“打印”时，它会在分页时生成页面的打印预览。

我使用angularUtils.directives.dirPagination进行分页。

分页看起来像这样：（http://plnkr.co/edit/xmjmIId0c9Glh5QH97xz?p=preview）

Answer 1

您可以使用CSS媒体查询来做到这一点：

@media print {
    /* your specific css for print here, displaying all contents */
}

Answer 2

因为我的目标是导出我从服务器获取的数据，然后以分页的形式对其进行预览。因此，我没有导出整个分页模板，而是在我的 pdf 文件中创建了一个具有所需布局的新 div，并添加了 css 以使其隐藏。之后为了摆脱我的打印预览选项问题，我使用了这个 JQuery plugin 。