前端使用框架: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()
})
},
文章来源:https://www.toymoban.com/news/detail-702242.html
这样的合计行就不会被遮挡了文章来源地址https://www.toymoban.com/news/detail-702242.html
到了这里,关于elementui el-table在有summary-method时,table数据行将合计行遮挡住了的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!