Question

请参阅以下屏幕截图以供参考：

Tabular data with css

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

我尝试通过iframe或简单的隐藏div进行打印，但渲染的html没有css部分，它看起来如下所示：

printed data

挑战在于css不会影响打印预览窗口和图像。我怎么能通过javascript或angularjs有效地处理它，因为表是由angualrjs范围ng-repeat加载的。

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

提前致谢!!!

Answer 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();

使用它可以像魅力一样工作。

Angularjs / Javascript：使用css从网页打印生成的表格数据

1 个答案: