在Vue 3项目中使用vue3-print-nb插件时遇到表格打印不全的问题,通常可以从以下几个方面进行排查和解决: 检查vue3-print-nb插件版本和文档: 确保你使用的vue3-print-nb版本是最新的,或者至少是一个稳定版本。可以访问其GitHub仓库或官方文档来查看版本信息和更新日志。 仔细阅读官方文档,特别是关于表格打印的部分,...
步骤一:先安装vue-print-nb依赖,找到node_modules里的print复制一份出来 步骤二:把print放到自己想放的地方 步骤三:找到printarea.js的getFormData函数在 return copy 上面添加以下代码 // copy是ele对象的深度拷贝,修改copy对象不会更改页面中table表格的样式,只会更改打印预览生成的表格的样式 const cells = copy....
解决vue-print-nb打印el-table,不同分辨率下,打印显示不全的问题 2020-12-24 16:00 −... scallop 10 14316 vue el-table 自适应表格内容宽度 2019-12-13 11:51 −由于表头和列是分开渲染的,通过el-table 设置fit属性,只能撑开表头,但是没有办法根据列的内容去适应宽度。网上找了一些使用根据表格内容计...
printable: this.$el.getElementsByClassName('print-content')[0], //选择需要打印的DOM节点 type: 'html', }); }, }, ... } ``` 这样,你就可以使用Vue和vue-print-nb来进行部分打印表格的操作了。当你点击"打印表格"按钮时,就会弹出打印窗口,只打印表格部分而不包括其他内容。©2022 Baidu...
vue打印时element表格暂无数据特别高vue-print-nb打印不全 第一部分打印表格表格上效果:步骤一:先安装vue-print-nb依赖,找到node_modules里的print复制一份出来步骤二:把print放到自己想放的地方步骤三:找到printarea.js的getFormData函数在 return copy 上面添加以下代码// copy是ele对象的深度拷贝,修改copy对象不会更...
{// 为了让表格中的内容自动换行,不需要的话可以删掉item.style.whiteSpace='pre-wrap'})// el-table打印不全的问题;[].slice.call(tableNode).forEach(item=>{item.style.width='100%';constchild=item.childNodes;;[].slice.call(child).forEach(element=>{if(element.localName==='colgroup'){element...