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>

总结

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

相关推荐
我是若尘几秒前
前端处理大量并发请求的实用技巧
前端
Lstmxx2 分钟前
Electron:使用数据流的形式加载本地视频
前端·electron·node.js
JunjunZ9 分钟前
unibest框架开发uniapp项目:兼容小程序问题
前端·vue.js
lyc23333311 分钟前
鸿蒙Next应用启动框架AppStartup:流程管理与性能优化🚀
前端
Data_Adventure11 分钟前
Vue 3 作用域插槽:原理剖析与高级应用
前端·vue.js
curdcv_po20 分钟前
报错 /bin/sh: .../scrcpy-server: cannot execute binary file
前端
小公主20 分钟前
用原生 JavaScript 写了一个电影搜索网站,体验拉满🔥
前端·javascript·css
代码小学僧20 分钟前
通俗易懂:给前端开发者的 Docker 入门指南
前端·docker·容器
Moment23 分钟前
为什么我在 NextJs 项目中使用 cookie 存储 token 而不是使用 localstorage
前端·javascript·react.js
lyc23333323 分钟前
鸿蒙Next加解密算法框架入门:安全基石解析🔐
前端