Angularjs/Javascript：使用css从网页打印生成的表格数据以进行打印答案

【问题标题】：Angularjs/Javascript : Print Genreated tabular data with css from webpage to printAngularjs/Javascript：使用css从网页打印生成的表格数据以进行打印
【发布时间】：2015-04-10 20:39:26
【问题描述】：

请参考以下截图：

我需要在不同的窗口中使用 css 打印上述部分（打印预览），然后应该出现使用默认打印机的打印对话框。

我尝试通过 iframe 或简单的隐藏 div 打印，但呈现的 html 没有 css 部分，如下所示：

挑战在于 css 不会影响打印预览窗口和图像。当表格由 angualrjs 范围 ng-repeat 加载时，我如何通过 javascript 或 angularjs 有效地处理它。

另外，分页数据在打印预览中应该是一整页。

提前致谢！！！

【问题讨论】：

所有这些数据是否已经加载到示波器上的某个东西中？您只需要将它传递给处理新窗口和打印功能的其他指令。
数据是通过范围变量加载的，但我们是 ng-repeat 并且使用 ng-table 和 ngtableparams 我们正在分页.. 如果我们使用相同的，那么它将打印一页。我不知道指令方法..你能详细说明@mcpDESIGNS

标签： javascript html angularjs printing pagination

【解决方案1】：

这会有很大帮助。

var divToPrint = document.getElementById('SomeDivId');
var newWin = window.open('', 'Print-Window');
newWin.document.open();
newWin.document.write('<html><head>' + document.head.innerHTML + '</head><body onload="window.print();setTimeout(function(){window.close();}, 100);">' + divToPrint.innerHTML + '</body></html>'); newWin.document.close();

使用它会像魅力一样工作。

【讨论】：