Print.js实现打印报表

因项目需要，需实现报表打印功能，如图

最终实现打印功能采用的时Print.js库（https://printjs.crabbly.com/），这个库可以实现打印预览、打印设置、打印指定内容等强大的功能。该库具体引用方法可访问以上链接。最终实现如下：

开发中遇到的问题记录：

1. 纵向打印时，表格内容可铺满整个页面，但是横向打印，明明设置了表格宽度100%,可打印预览的时候右侧仍留有空白，很不美观。如下图
   纵向：
   
   横向：
   
   解决办法：最终在开放文档中看到一个maxWidth的属性
   
   设置maxWidth 为100%，问题得到解决。
2. 页面中为table设置的很多样式，在打印预览中不起作用，比如设置了border，表头居中
   
   但是实际却显示为
   
   解决方法：
   翻看文档，找到了原因，默认情况下，在打印HTML元素时，库仅处理某些样式，要想处理全部样式
   
   最后设置为
   
   以上是实现打印报表功能时遇到的全部问题记录，希望也能帮到你哟！