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

相关推荐
泷羽Sec-静安16 小时前
Less-1 GET-Error based-Single quotes-String GET-基于错误-单引号-字符串
前端·css·网络·sql·安全·web安全·less
小时前端16 小时前
虚拟DOM已死?90%内存节省的Vapor模式正在颠覆前端
前端·html
Keepreal49616 小时前
Web Components简介及如何使用
前端·javascript·html
进击的野人16 小时前
JavaScript变量声明的前世今生:从var到let/const的演进
javascript
jump68016 小时前
TS中 unknown 和 any 的区别
前端
无羡仙16 小时前
AI终于‘看见’网页了!Stagewise让UI修改从‘盲调’变‘指哪打哪
前端
柯腾啊17 小时前
“Script error.”的产生原因和解决办法
前端·javascript·浏览器
沙漠之皇17 小时前
ts 定义重复对象字段
前端
HashTang18 小时前
不用再配服务器了!这套 Next.js + Cloudflare 模板,一个人搞定全栈出海
前端·后端·边缘计算
Cory.眼18 小时前
WebRTC入门指南:实时通信零基础
javascript·webrtc·实时通信