当前位置: 首页 > news >正文

el-table如何实现自动缩放,提示隐藏内容

前提问题:大屏展示中某一个区域是表格内容,当放大或缩小网页大小时,表格宽度随之缩放,但表格内容未进行缩放,需要表格内容与网页大小同时进行缩放,且表头和表格内容宽度不够未显示全时,需要进行提示

解决过程:使用min-width,resizable为false,可以解决自由宽度缩放问题,show-overflow-tooltip解决表格内容未显示全用省略号代替时,提示全部内容,使用v-slot:header插槽,插入表头需提示内容

解决结果:

<el-table-column prop="ss" label="无人机架次" align="center" :min-width="60" :resizable="false" show-overflow-tooltip><template v-slot:header><el-tooltip content="无人机架次" placement="top-start" effect="dark"><span>无人机架次</span></el-tooltip>                        </template>
</el-table-column>

http://www.lryc.cn/news/170052.html

相关文章:

  • CRM客户管理软件对出海企业的帮助与好处
  • 【QT--使用百度地图API显示地图并绘制路线】
  • C数据结构二.练习题
  • 猫头虎博主第5️⃣期赠书活动:《Java官方编程手册(第12版·Java 17)套装上下册》
  • (1)数据库 MSQ 数据库 安装 使用 以及增删改查
  • 什么测试自动化测试?
  • 【踩坑篇】代码中使用 Long 作为 Map的Key存在的问题
  • 微服务保护-授权规则/规则持久化
  • 练习敲代码速度
  • uni-app:实现条件判断展示图片(函数判定+三目运算)
  • http概念
  • Postman应用——Variable变量使用(Global、Environment和Collection)
  • php高级 TP+Redis实现发布订阅和消息推送案例实战
  • Python 基础入门
  • 【跟小嘉学 Rust 编程】二十九、Rust 中的零拷贝序列化解决方案(rkyv)
  • 路由器端口转发
  • Redis模块一:缓存简介
  • 【去除若依首页】有些小项目不需要首页,去除方法
  • Ardupilot — EKF3使用光流室内定位代码梳理
  • 【Linux】自动化构建工具 —— make/makefileLinux第一个小程序 - 进度条
  • tensorflow的unet模型
  • (2023 最新版)IntelliJ IDEA 下载安装及配置教程
  • react 实现拖动元素
  • 【EI会议】第二届声学,流体力学与工程国际学术会议(AFME 2023)
  • Android StringFog 字符串自动加密
  • 上四休三,未来的期许
  • 怎么防止360安全卫士修改默认浏览器?
  • 调整参数提高mysql读写速度
  • 第一届电子纸产业创新应用论坛-邀请函
  • Go expvar包