一、问题描述

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

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐