前端使用框架:elementUI
使用组件:el-table
在表格内添加合计了合计行,根据业务多次调用数据渲染画面后,偶然导致画面变成如下图所示,table的数据行将合计行遮挡住了,且这个现象有时候好用,有时候不好用。
原因:由于画面数据多次加载,导致表格渲染失败,element有个自带加载的方法doLayout,使用这个方法即可
(这里table只保留了合计行、数据引用、和设置ref):
<el-table :data="tableData" show-summary :summary-method="getSummaries" ref="table"><template><-- table内容 --></template>
</el-table>created() {//一顿获取数据
},
updated () {this.$nextTick(() => {this.$refs.table.doLayout()})
},
这样的合计行就不会被遮挡了