前端使用框架: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()
})
},
这样的合计行就不会被遮挡了