Elemen table布局错乱解决方案

示例

解决方案

方案一

javaScript 复制代码
   <el-table ref="mainTable"></el-table>
   、、、
   // 接口请求触发重新布局方法
    this.$nextTick(() => {
    	this.$refs.mainTable.doLayout();
    });

方案二

java 复制代码
 <el-table
 	style="width: 100%;max-height:400px;overflow-y: auto;">
 </el-table>

总结

推荐第二种写法,一行代码能解决的不写第二行代码;

相关推荐
松涛和鸣3 分钟前
DAY43 HTML Basics
linux·前端·网络·网络协议·tcp/ip·html
前端 贾公子9 分钟前
剖析源码Vue项目结构 (一)
前端·javascript·vue.js
狂龙骄子11 分钟前
jQuery表单验证插件全攻略
前端·javascript·jquery·jquery表单验证
forestsea28 分钟前
从 XMLHttpRequest 到 Fetch API:现代前端网络请求的演进与迁移指南
前端·网络
XiaoYu200234 分钟前
第4章 Nest.js业务合并
前端
局i39 分钟前
【无标题】
前端·javascript·vue.js
沛沛rh451 小时前
React入门:从一个简单的Hello World开始
前端·react.js·前端框架
谢尔登1 小时前
Vue3 应用实例创建及页面渲染底层原理
javascript·vue.js·ecmascript
IT_陈寒2 小时前
SpringBoot性能翻倍秘籍:5个被低估的配置项让我QPS提升200%
前端·人工智能·后端
阿珊和她的猫3 小时前
Webpack 常用插件深度解析
前端·webpack·node.js