2.解决思路 那就把col这里的具体宽度设置成百分比就OK了。 2.1首先看能不能从element 着手,但是element 的table有设置Table-column Attributes 的width属性 但是是px不是百分百。 2.2既然element不行 那就从vue-print-nb 着手,首先 我们要清楚print的原理其实就是将我们要打印的id包裹的内容(其实是生成图片)放到一...
解决方法2:使用print-js,结合html2canvas,实现打印: 需要注意的是,如果table存在滚动条,就会打印不全了,调整好列宽即可,打印效果图如下 附上全部代码: 1<template>23<el-card shadow="never" >4<el-button v-print="printObj">nb打印</el-button>5<el-button @click="onPrint">printJs打印</el-button>...
1.增加表单打印内容,在页面增加了一个form表单,如果你直接打印,CheckBox和radio可能不能显示,可以设置一下打印属性,勾选上背景图片,就可以显示了 2.增加el-table打印,el-table默认单元格的宽度是px,这在打印时会出现显示不全问题 可以处理一下,将宽度改为百分比 注意,你需要先将td的宽度添加百分比,详细写法可以看...
解决vue-print-nb打印el-table，不同分辨率下，打印显⽰不全的 问题 使⽤vue-print-nb打印，不同分辨率（1366⼀下或1600以上）时，el-table有些列没有打印出来（页⾯能够正常展⽰），查看官⽅api，通过设置打印样式也⽆法全部打印：1 printObj:{ 2 id:"printId",3 popTitle:"",4 ext...
解决vue-print-nb打印el-table,不同分辨率下,打印显示不全的问题 2020-12-24 16:00 −... scallop 10 14316 vue el-table 自适应表格内容宽度 2019-12-13 11:51 −由于表头和列是分开渲染的,通过el-table 设置fit属性,只能撑开表头,但是没有办法根据列的内容去适应宽度。网上找了一些使用根据表格内容计...