elementui el-table在有summary-method时,table数据行将合计行遮挡住了

前端使用框架:elementUI

使用组件:el-table

在表格内添加合计了合计行,根据业务多次调用数据渲染画面后,偶然导致画面变成如下图所示,table的数据行将合计行遮挡住了,且这个现象有时候好用,有时候不好用。

elementui el-table在有summary-method时,table数据行将合计行遮挡住了_第1张图片

原因:由于画面数据多次加载,导致表格渲染失败,element有个自带加载的方法doLayout,使用这个方法即可

(这里table只保留了合计行、数据引用、和设置ref):


  




created() {
  //一顿获取数据
},
updated () {
  this.$nextTick(() => {
    this.$refs.table.doLayout()
  })
},

elementui el-table在有summary-method时,table数据行将合计行遮挡住了_第2张图片

这样的合计行就不会被遮挡了

你可能感兴趣的:(elementui,前端,javascript)