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

1.问题概述

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

2.解决方法

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

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

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

javascript 复制代码
<el-table ref="table"></el-table>
相关推荐
樱花开了几轉7 小时前
element ui下拉框踩坑
开发语言·javascript·ui
我不是程序猿儿8 小时前
【C#】WinForms 控件句柄与 UI 刷新时机
开发语言·ui·c#
我命由我123459 小时前
Photoshop - Photoshop 工具栏(22)单行选框工具
学习·ui·职场和发展·求职招聘·职场发展·学习方法·photoshop
ctgu9012 小时前
PyQt5(八):ui设置为可以手动随意拉伸功能
开发语言·qt·ui
凯子坚持 c3 天前
【星光不负 码向未来 | 万字解析:基于ArkUI声明式UI与分布式数据服务构建生产级跨设备音乐播放器】
分布式·ui
Aevget3 天前
DevExpress WPF中文教程:Data Grid - 如何使用虚拟源?(四)
ui·.net·wpf·devexpress·wpf控件
元直数字电路验证3 天前
ASP.NET Core Web APP(MVC)开发中无法全局配置 NuGet 包,该怎么解?
前端·javascript·ui·docker·asp.net·.net
Larry_Yanan4 天前
QML学习笔记(四十八)QML与C++交互:QML中可实例化C++对象
c++·笔记·qt·学习·ui·交互
fanged4 天前
LVGL4(一个物联网界面)
ui·嵌入式
Hare_bai4 天前
WPF的MVVM模式核心架构与实现细节
ui·架构·c#·wpf·交互·xaml·mvvm