一、问题描述

Element的eltable组件设置表格高度heoght 同时 开启合计showsummary项目合计这一列不显示,但是缩放页面或者稍微修改下F12里dom中的东西就又显示

二、问题分析

查看dom发现合计一列并未包含eltable中,而eltable原始文件给的是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();

    });

  },

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注