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

1.问题概述

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

2.解决方法

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

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

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

javascript 复制代码
<el-table ref="table"></el-table>
相关推荐
SAP小崔说事儿7 分钟前
SAP B1 批量应用用户界面配置模板
java·前端·ui·sap·b1·无锡sap
UXbot3 小时前
AI App 设计生成工具哪个好?
ui·kotlin·软件构建·产品经理·ai编程·swift
xy34535 小时前
Axure 9.0 原生组件:绘制折线图
ui·信息可视化·交互·axure·原型·折线图
吃一根烤肠5 小时前
使用ChatGPT Copilot加速Python调试:实战指南
前端·ui·html
Maybe_ch6 小时前
深度解析 WPF 线程模型:告别 UI 卡死,掌握 Dispatcher 核心机制
ui·wpf
智算菩萨6 小时前
【Tkinter】3 Tkinter Button 控件深度解析:从事件绑定到现代交互设计实战
python·microsoft·ui·交互·tkinter·button
计算机应用技术三班-欧婷1 天前
ElementUI从入门到实战全攻略
前端·vue.js·ui
Zik----1 天前
Windows安装cuda
前端·ui·xhtml
心前阳光2 天前
UI在指定区域内拖拽
ui·命令模式
love530love2 天前
冷门干货!llama.cpp 自带原生网页聊天 UI,无需第三方依赖一键开启
人工智能·windows·ui·llama·flash-attention·switch-cuda