elementUI el-table高度heght和总结summary 同时使用 表格样式异常

背景

同时使用heightshow-summary

样式错位

解决方案

  • 在钩子函数updated 中重新渲染此表格
html 复制代码
<el-table :height="autoHeight" show-summary ref="dataTable" >
js 复制代码
  updated() {
    this.$nextTick(() =>{
      this.$refs.dataTable.doLayout();
    })
  },

更改后的效果

参考链接

https://blog.csdn.net/gradonisis/article/details/110420980

相关推荐
LFly_ice8 分钟前
学习React-10-useTransition
前端·学习·react.js
咔咔一顿操作10 分钟前
【CSS 3D 交互】实现精美翻牌效果:从原理到实战
前端·css·3d·交互·css3
知识分享小能手14 分钟前
React学习教程,从入门到精通,React 构造函数(Constructor)完整语法知识点与案例详解(16)
前端·javascript·学习·react.js·架构·前端框架·vue
召摇19 分钟前
Nue.js深度解析:极简主义前端框架的革新实践
前端·node.js
小徐_233322 分钟前
uni-app 也能使用 App.vue?wot-starter 是这样实现的!
前端·uni-app
入秋23 分钟前
Three.js后期处理实战:镜头颜色、色差、点阵与颜色管道的深度解析
前端·three.js
深圳外环高速24 分钟前
企业微信和页面离开事件
前端
召摇26 分钟前
NodeBB 深度解析:现代论坛系统的架构设计与实践指南
前端·javascript
哆啦A梦158839 分钟前
uniapp分包实现
前端·vue.js·uni-app·vue3
wordbaby44 分钟前
Hooks的革命:让React的非UI逻辑也能像UI组件一样自由复用和组合
前端·react.js