一、问题描述
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 或其祖先元素由隐藏切换为显示时,可能需要调用此方法。文章来源:https://www.toymoban.com/news/detail-513042.html
三、在updated生命周期中调用 doLayout文章来源地址https://www.toymoban.com/news/detail-513042.html
updated() {
this.$nextTick(() => {
this.$refs.customerReportDateTable.doLayout();
});
},
到了这里,关于解决Element-UI el-table show-summary合计行不显示问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!