element官方文档给我们提供了一个column属性:show-overflow-tooltip="true"，意思是超出宽度内容会隐藏鼠标移动上去浮窗显示
案例展示：
不隐藏的话显得很臃肿，而且column会随内容变化高度很不美观
我们加入样式看看：
效果图：
这样就能把多余内容隐藏起来了。
隐藏el-table-column过多的内容并进行浮窗展示
2023-07-12
588
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
隐藏el-table-column过多的内容并进行浮窗展示
目录
相关文章
|
JavaScript
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
问题原因：多个tabs共用一个实体，动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位
【解决方案】
表格的重新布局，只要table数据发生变化的时候就重新渲染表格
```js
this.$nextTick(() => {
this.$refs.formname.doLayout()
})
```
参考element官方文档
错误显示](https://ucc.alicdn.com/j2ygdazy447va_20231030_1f039cb7584949959ea5987f1d84171c.png?x-oss-process=image/resize,h_160,m_lfit)
|
6月前
|
JavaScript
前端开发
|
7月前
解决elementui中el-table表格首次expand展开不能正常渲染展开页面里面的表格内容
解决elementui中el-table表格首次expand展开不能正常渲染展开页面里面的表格内容
818
0
0
|
JavaScript
BI
el-table 多表格弹窗嵌套数据显示异常错乱问题
## 1、业务背景
使用vue+element开发报表功能时，需要列表上某列的超链接按钮弹窗展示，在弹窗的el-table列表某列中再次使用超链接按钮点开弹窗，以此类推多表格弹窗嵌套，本文以弹窗两次为例
最终效果如下示例页面
219
0
0
|
前端开发
|
缓存
JavaScript
前端开发
el-table 列的动态显示与隐藏
当我们在对表格数据查看的时候，可能某些列的数据是当前想要重点关注的，而某些列并不需要展示出来，我们就可以通过对表格的列进行实时的一个切换去实现动态的显示与隐藏。
1153
0
0
|
容器
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
如果你有个程序员男友，那么送这12 款键盘绝对不会错
3
天猫精灵开放平台-之小百科测评
4
三次握手之抓包工具sniffer
5
一個傳統的C2C網站的用戶充值的过程
6
POJ 1200 Crazy Search(字符串简单的hash)
7
京东360buy 手机项目的“加入购物车”动画效果研究
8
单位内用lk作负载均衡，大家看看
9
Chapter 1: Creating the GUI Form and Adding Widgets
10
Form_Form Builder的常用方法（概念）
1
超市火灾烟雾蔓延及人员疏散的matlab模拟仿真,带GUI界面
23
2
Spring Cloud Alibaba：一站式微服务解决方案
37
3
使用Python实现深度学习模型：智能食品消费行为预测
24
4
深度学习在故障检测中的应用：从理论到实践
16
5
「Mac畅玩鸿蒙与硬件40」UI互动应用篇17 - 照片墙布局
99
6
阿里面试：聊聊 CAP 定理？哪些中间件是AP？为什么？
20
7
大厂都在用的分布式事务方案，Seata+RocketMQ带你打破10万QPS瓶颈
24
8
分布式系统架构1：共识算法Paxos
14
9
基于YOLOv5和树莓派4B平台
27
10
FullStack Bench：字节豆包联合M-A-P社区开源的全新代码评估基准
18