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>

总结

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

相关推荐
菩提小狗几秒前
第2天:基础入门-Web应用&架构搭建&漏洞&HTTP数据包&代理服务器|小迪安全笔记|网络安全|
前端·安全·架构
咖啡の猫9 分钟前
Python集合生成式
前端·javascript·python
QT 小鲜肉19 分钟前
【Linux命令大全】001.文件管理之mtoolstest命令(实操篇)
linux·运维·前端·笔记·microsoft
holeer22 分钟前
React UI组件封装实战——以经典项目「个人博客」与「仿手机QQ」为例
前端·javascript·react.js·ui·前端框架·软件工程
chilavert31829 分钟前
技术演进中的开发沉思-277 AJax :Calendar
前端·javascript·microsoft·ajax
debug 小菜鸟30 分钟前
搭建web 环境的那些事
前端
鹏多多32 分钟前
Flutter下拉刷新上拉加载侧拉刷新插件:easy_refresh全面使用指南
android·前端·ios
幽络源小助理40 分钟前
SpringBoot+Vue数字科技风险报告管理系统源码 | Java项目免费下载 – 幽络源
java·vue.js·spring boot
Mike_jia1 小时前
OpenDeRisk:AI 原生风险智能系统 ——7*24H 应用系统AI数字运维助手(AI-SRE)
前端
朱穆朗1 小时前
electron升级到33.0.x版本后,devtools字体的修改方法
前端·javascript·electron