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

背景

同时使用heightshow-summary

在这里插入图片描述

样式错位

在这里插入图片描述

解决方案

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

更改后的效果

在这里插入图片描述

参考链接

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

相关推荐

  1. 使用Plotly同时可视化表格图表(Python)

    2024-06-09 14:46:07       34 阅读
  2. table表格导出为excel文件并设置样式

    2024-06-09 14:46:07       38 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-09 14:46:07       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-09 14:46:07       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-09 14:46:07       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-09 14:46:07       18 阅读

热门阅读

  1. elmentUI el-table 总结行

    2024-06-09 14:46:07       8 阅读
  2. MySQL:MySQL的EXPLAIN各字段含义详解

    2024-06-09 14:46:07       10 阅读
  3. 状态设计模式完成商品的创建状态之间的流转

    2024-06-09 14:46:07       11 阅读
  4. Rust-08-枚举和模式匹配

    2024-06-09 14:46:07       8 阅读
  5. 乘积最大子数组 - LeetCode 热题 88

    2024-06-09 14:46:07       8 阅读
  6. 3.组件间通信-mitt(任意组件间通信)

    2024-06-09 14:46:07       11 阅读
  7. spring boot集成pg

    2024-06-09 14:46:07       9 阅读
  8. !力扣70. 爬楼梯

    2024-06-09 14:46:07       8 阅读
  9. 微信小程序:实现音乐播放器的功能

    2024-06-09 14:46:07       6 阅读