element-ui表格的合计行不显示问题

vue+elementui项目中合计这一列不显示,但是缩放下页面或者稍微修改下F12里dom中的东西就又显示了

原因分析

查看dom布局发现,合计一列并未包含在el-table中,而el-table原始文件给的是overflow:hidden;
element-ui表格的合计行不显示问题_第1张图片

解决办法

解决办法1

.el-table{
overflow:visible !important;
}

解决办法2

在自定义的合计方法中调用element-ui中el-table的doLayout方法,具体参见element-ui官方文档

getSummaries(param) {
     
      this.$nextTick(() => {
     
        this.$refs.table.doLayout();
      });
}

你可能感兴趣的:(前端问题,javascript,html)