element官方文档给我们提供了一个column属性:show-overflow-tooltip="true"，意思是超出宽度内容会隐藏鼠标移动上去浮窗显示
案例展示：
不隐藏的话显得很臃肿，而且column会随内容变化高度很不美观
我们加入样式看看：
效果图：
这样就能把多余内容隐藏起来了。
隐藏el-table-column过多的内容并进行浮窗展示
2023-07-12
533
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
隐藏el-table-column过多的内容并进行浮窗展示
目录
相关文章
|
JavaScript
|
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)
|
4月前
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
385
0
0
|
5月前
|
JavaScript
前端开发
|
6月前
解决elementui中el-table表格首次expand展开不能正常渲染展开页面里面的表格内容
解决elementui中el-table表格首次expand展开不能正常渲染展开页面里面的表格内容
667
0
0
|
JavaScript
BI
el-table 多表格弹窗嵌套数据显示异常错乱问题
## 1、业务背景
使用vue+element开发报表功能时，需要列表上某列的超链接按钮弹窗展示，在弹窗的el-table列表某列中再次使用超链接按钮点开弹窗，以此类推多表格弹窗嵌套，本文以弹窗两次为例
最终效果如下示例页面
199
0
0
|
JavaScript
|
前端开发
JavaScript
API