type
status
date
slug
summary
tags
category
icon
password
😀
客户的需求推动技术的进步。最近做了个表格的一键打印,结果遇到表格内换行的时候,打印会碰到一格分成了两页的情况。
 

📝 方案

百度了一圈找不到方案,于是乎谷歌了一下,查技术资料这方面还是谷歌好用。
这段代码可防止在一个tr内分成2页

🤗 延伸

打印的时候发现,el-table并不能每页都显示表头,这样不大美观。查看代码后发现,el-table的表头和表体是分别用el-table__header-wrapper和el-table__body-wrapper包裹的,这导致el-table__body-wrapper内的表格并没有表头.那么解决方案就很明确了,把表头的内容搬到el-table__body-wrapper的表格里就行。
在el-table上,加上ref="myTable"
这里需要注意一下,由于vue采用的是虚拟dom,所以,想获取节点需要些在nextTick里面。
然后加上对应的CSS,把原来的表头隐藏掉
 
 
关于CSS中字体小于12px无效的问题初识JDK17
Loading...
吕行者
吕行者
吕行者
最新发布
解锁高效存储新体验:CloudDrive 强力推荐
2024-12-19
Notion+NotionNext+Vercel打造免费个人博客网站
2024-12-19
解决Centos7中安装完Docker后无法远程的问题
2024-12-18
Docker批量删除容器和镜像
2024-12-18
docker logs查看Docker日志
2024-12-18
目标?
2024-12-18