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>

总结

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

相关推荐
Jinuss1 分钟前
飞冰ice.js中Model数据初始化原理
前端·javascript·react.js
IT_陈寒3 分钟前
Python性能优化实战:7个让代码提速300%的冷门技巧(附基准测试)
前端·人工智能·后端
karshey5 分钟前
【前端】Defer:存储Promise状态,多个异步事件都结束后处理一些逻辑
java·前端·javascript
be or not to be5 分钟前
CSS 样式基础与视觉设计:从单位到字体
前端·css
0思必得06 分钟前
[Web自动化] CSS布局与定位
前端·css·自动化·html·web自动化
朱 欢 庆7 分钟前
在docker容器里 使用Jenkins部署前端项目
前端·经验分享·docker·jenkins
开发者小天7 分钟前
react中recharts使用的示例
前端·javascript·react.js
木易 士心9 分钟前
Jenkins 深度解析:从入门到企业级 CI/CD 实践
vue.js
网络风云12 分钟前
AJAX与Fetch--异步Web请求的深度对比
前端·ajax·okhttp
LYFlied13 分钟前
【每日算法】LeetCode 763. 划分字母区间(贪心算法)
前端·算法·leetcode·面试·贪心算法