解决elementUI 表格el-table设置高度之后合计行不显示
解决elementUI 表格el-table设置高度之后合计行不显示
·
问题：elementUI el-table 设置了高度height 和合计行 show-summary 之后，合计行无法正常显示
一、问题分析
根据调试，发现该问题应该属于组件bug，表格主体中给 footer留的高度不够导致，重新设置即可。
二、解决方法
添加生命周期钩子 updated ，对 table 组件重新布局即可解决问题。具体如下：
<el-table
show-summary
border
ref="table"
:data="dataList"
:height="tableHeight"
:summary-method="getSummaries"
>updated() {
this.$nextTick(() => {
this.$refs.table.doLayout()
})
}
有“AI”的1024 = 2048，欢迎大家加入2048 AI社区
更多推荐
4
0- 0
已为社区贡献1条内容
所有评论(0)