526互联

解决Element-UI el-table show-summary合计行不显示问题

发布时间 2023-04-04 15:39:11作者: 请叫我王小胖

一、问题描述

Element的el-table组件在设置表格高度heoght 同时 开启合计行show-summary ，项目中合计这一列不显示，但是缩放下页面或者稍微修改下F12里dom中的东西就又显示了

二、问题分析

查看dom发现，合计一列并未包含在el-table中，而el-table原始文件给的是overflow:hidden;

二、解决办法

办法(1)、修改el-table样式

.el-table{
overflow:visible !important;
}

办法(2)、添加updated生命周期 对Table重新布局

doLayout 对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时，可能需要调用此方法。

三、在updated生命周期中调用 doLayout

updated() {

this.$nextTick(() => {

this.$refs.customerReportDateTable.doLayout();

});

},

 

原文链接：https://blog.csdn.net/tonetwo/article/details/128922404