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

1.问题概述

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

2.解决方法

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

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

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

javascript 复制代码
<el-table ref="table"></el-table>
相关推荐
OpenTiny社区11 小时前
前端可智能识别的搜索组件 SearchBox 使用详解!
前端·vue.js·ui·开源·opentiny
白玉cfc2 天前
【iOS】网易云仿写
ui·ios·objective-c
小马哥编程2 天前
如何解决 undetected_chromedriver 启动慢问题
chrome·selenium·ui
帧栈2 天前
开发避坑短篇(6):Vue+Element UI 深度选择器实现表单元素精准对齐的技术实践
vue.js·ui·elementui
吗喽对你问好3 天前
Android UI 控件详解实践
android·ui
梦想改变生活3 天前
《Flutter篇第一章》基于GetX 和 Binding、Dio 实现的 Flutter UI 架构
flutter·ui·架构
unicrom_深圳市由你创科技3 天前
Unity 的UI动画调节
ui·unity·游戏引擎
界面开发小八哥3 天前
界面控件DevExpress WPF v25.1新版亮点:模板库更新升级
ui·.net·wpf·界面控件·devexpress·ui开发
程序员小远3 天前
Pytest+Selenium UI自动化测试实战实例
自动化测试·软件测试·python·selenium·测试工具·ui·pytest
XXYBMOOO4 天前
使用全局变量访问 Qt UI 组件的方法文档
c++·qt·ui