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

一、问题描述

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();

    });

  },