如何进行表格大量数据的分页打印
print.js官网
目的:实现大量数据的分页打印
探究过程:几种流行的打印插件,
vue-print-nb
vue-easy-print
都没有实现自动分页打印功能(网上讲解混乱,有的说可以自动分页,有的说不能,导致在这两个插件上耗费很长时间也没实现功能)
最后选取了print-js,
操作过程
使用 npm 安装:
npm install print-js --save
html
<div id="print-box" style={{ fontSize: '30px',textAlign: 'center',lineHeight: '60px',}}>title</div><button @click="toPrint"></button>/**下面这个js,直接放在方法里即可**/...methods: {/*** 打印*/toPrint(){printJS({printable: 'paper', //如果下面的type是json,则这里放表格数据,如果下面type是html,则这里放置div的idproperties:[{field:"name",displayName:"名字",}],//字段的type: 'html',targetStyles: ['*'], //重点 继承原来的样式,没有这个样式就是乱的documentTitle:"EFFORT", repeatTableHeader:true, //重复表头})},