vue+elementui项目中合计这一列不显示,但是缩放下页面或者稍微修改下F12里dom中的东西就又显示了
原因分析
查看dom布局发现,合计一列并未包含在el-table中
,而el-table原始文件给的是overflow:hidden
;
解决办法
解决办法1
.el-table{
overflow:visible !important;
}
解决办法2
在自定义的合计方法中调用element-ui中el-table的
doLayout
方法,具体参见element-ui官方文档
getSummaries(param) {
this.$nextTick(() => {
this.$refs.table.doLayout();
});
}