一、问题描述
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();
});
},