element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示

简介: 问题原因:多个tabs共用一个实体,动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位【解决方案】表格的重新布局,只要table数据发生变化的时候就重新渲染表格```jsthis.$nextTick(() => { this.$refs.formname.doLayout()})```参考element官方文档![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231030-e40

问题原因:多个tabs共用一个实体,动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位

【解决方案】
表格的重新布局,只要table数据发生变化的时候就重新渲染表格

this.$nextTick(() => {
   
   
       this.$refs.formname.doLayout()
})

参考element官方文档

请在此添加图片描述

以上就是element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示的介绍,做此记录,如有帮助,欢迎点赞关注收藏!

目录
相关文章
|
1月前
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
42 0
|
前端开发
element ui el-table 多选 表头全选框替换文字
element ui el-table 多选 表头全选框替换文字
1443 0
Element UI - el-table 渲染慢,卡的原因
Element UI - el-table 渲染慢,卡的原因
1735 0
|
20天前
基于sortablejs实现拖拽element-ui el-table表格行进行排序
基于sortablejs实现拖拽element-ui el-table表格行进行排序
|
4月前
详解element-ui el-table表格中勾选checkbox(selection),高亮当前行高亮某一行(某一行设置特殊的样式)
详解element-ui el-table表格中勾选checkbox(selection),高亮当前行高亮某一行(某一行设置特殊的样式)
|
6月前
element-ui里的el-table在grid布局下切换数据有滚动条时不断增加?
element-ui里的el-table在grid布局下切换数据有滚动条时不断增加?
28 0
|
8月前
|
JavaScript
element-ui el-table 表格中行高和字体大小调整
element-ui el-table 表格中行高和字体大小调整
1982 0
饿了么UI中的el-table常见的翻页勾选和序号递增功能实现步骤
饿了么UI中的el-table常见的翻页勾选和序号递增功能实现步骤
238 0
element-ui的el-table与el-form的使用与表单校验
element-ui的el-table与el-form的使用与表单校验
element-ui的el-table与el-form的使用与表单校验
|
JavaScript
VUE element-ui之el-table表格内嵌进度条功能实现
VUE element-ui之el-table表格内嵌进度条功能实现
1280 0
VUE element-ui之el-table表格内嵌进度条功能实现

热门文章

最新文章