element-ui table表格滚动条拉到最右侧 表头与内容不能对齐

1.问题概述

当表格数据太多,会出现纵向滚动条和横向滚动条,把横向滚动条拉到最右侧时,会出现表头与内容不能对齐的现象。

2.解决方法

1.当页面数据加载完毕后,在后面加上

javascript 复制代码
this.$nextTick(() => {
  this.$refs.table.doLayout();
})

2.别忘了给表格加上ref属性

javascript 复制代码
<el-table ref="table"></el-table>
相关推荐
dotent·13 小时前
C#基于WPF UI框架的通用基础上位机测试WPF框架
ui·c#·wpf
安卓理事人21 小时前
安卓多种通知ui更新的方式(livedata,rxjava,eventbus等)
android·ui·echarts
半兽先生1 天前
uniapp高性能ui框架uni-ui
ui·uni-app
马剑威(威哥爱编程)2 天前
鸿蒙6开发中,UI相关应用崩溃常见问题与解决方案
ui·华为·harmonyos
ITVV2 天前
元数据 Unity Catalog v0.3.0 UI
ui·元数据
袅沫3 天前
Element-UI 番外表格组件
javascript·vue.js·ui
百锦再3 天前
[特殊字符] HBuilder uni-app UI 组件库全方位对比
android·java·开发语言·ui·rust·uni-app·go
lqj_本人5 天前
鸿蒙与Qt的双线程模型:主线程与UI线程的博弈
qt·ui·harmonyos
南华5 天前
Visual Studio 2022 加载解决方案缓慢
ui
lqj_本人5 天前
鸿蒙原生与Qt混合开发:UI集成与事件处理
qt·ui·harmonyos