问题原因：多个tabs共用一个实体，动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位
【解决方案】
表格的重新布局，只要table数据发生变化的时候就重新渲染表格
this.$nextTick(() => {
this.$refs.formname.doLayout()
})
参考element官方文档
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
2023-10-30
242
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
问题原因：多个tabs共用一个实体，动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位【解决方案】表格的重新布局，只要table数据发生变化的时候就重新渲染表格```jsthis.$nextTick(() => { this.$refs.formname.doLayout()})```参考element官方文档
目录
相关文章
|
6月前
有关element UI el-table 跟el-dialog搭配使用出现的问题，背景问题，穿透问题
有关element UI el-table 跟el-dialog搭配使用出现的问题，背景问题，穿透问题
256
0
0
|
前端开发
|
4月前
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位，自定义计算逻辑
402
0
0
|
4月前
|
JavaScript
vue项目中升级element ui（含常见报错及解决方案，如表格不显示，el-table无效， “__v_isRef“ is not defined，Use :deep() instead）
vue项目中升级element ui（含常见报错及解决方案，如表格不显示，el-table无效， “__v_isRef“ is not defined，Use :deep() instead）
55
0
0
|
6月前
|
6月前
详解element-ui el-table表格中勾选checkbox(selection)，高亮当前行高亮某一行(某一行设置特殊的样式)
详解element-ui el-table表格中勾选checkbox(selection)，高亮当前行高亮某一行(某一行设置特殊的样式)
390
0
0
|
JavaScript
热门文章
最新文章
1
国内主流在用的10大后台UI框架，私活必备
2
MeeGo的UI个性化指南 - 介绍
3
WPF的UI虚拟化
4
Android UI学习 - Linear Layout, RelativeLayout
5
UGUI防止穿透和判断点击的是否是UI
6
Windows Phone 及 Metro UI 设计讨论
7
element ui el-pagination重载数据时分页不更新
8
Android UI开发第八篇——ViewFlipper 左右滑动效果
9
Could not import backend for traitsui. Make sure you have a suitable UI toolkit like PyQt/PySide or
10
敏捷开发一千零一问系列之二十三： UI设计怎么做到敏捷呢？（兼谈对UI热的理解）（下）
1
【Element-UI】vue使用 this.$confirm区分取消与关闭，vue给this.$confirm设置多个按钮
544
2
【技术深度解析】多平台适配下的UI适配难题：U3D游戏UI错乱的终极解决方案
587
3
【UI】elementui el-pagination分页位置靠右
192
4
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
153
5
【UI】前端常用特效
17
6
【UI】 elementUI的select-tree组合下拉框，选择后下拉框不收起
240
7
「UCD」移动端UI设计尺寸规范详解
406
8
采用Canvas Scaler与锚点系统实现UI自适应多屏幕分辨率
166
9
鸿蒙使用 @Builder扩展出来的布局数据更新没法更新UI
145
10
微信综合购物商城小程序ui模板源码
99