解决el-table设置固定高度后,展示不同列时表格高度变小bug

解决el-table设置固定高度后,展示不同列时表格高度变小bug

1、需求分析

在el-table使用过程中,选择多个参数展示更多列时会出现高度变小问题

在这里插入图片描述
究其原因可知是el-table列动态发生变化后,el-table__body-wrapper的高度变小了

2、解决方案

在更新表格数据后对el-table进行重载

// 给el-table添加ref="tableRef"
this.$nextTick(() => {
   this.$refs.tableRef.doLayout();
});

最近更新

  1. leetcode705-Design HashSet

    2024-04-03 17:28:01       8 阅读
  2. Unity发布webgl之后打开streamingAssets中的html文件

    2024-04-03 17:28:01       8 阅读
  3. vue3、vue2中nextTick源码解析

    2024-04-03 17:28:01       8 阅读
  4. 高级IO——React服务器简单实现

    2024-04-03 17:28:01       8 阅读
  5. 将图片数据转换为张量(Go并发处理)

    2024-04-03 17:28:01       7 阅读
  6. go第三方库go.uber.org介绍

    2024-04-03 17:28:01       8 阅读
  7. 前后端AES对称加密 前端TS 后端Go

    2024-04-03 17:28:01       9 阅读

热门阅读

  1. 什么才有filter方法数组还是对象

    2024-04-03 17:28:01       5 阅读
  2. 仅使用PyTorch就可以完成联邦学习

    2024-04-03 17:28:01       4 阅读
  3. Caffeine本地缓存

    2024-04-03 17:28:01       4 阅读
  4. C#开发中获取XML节点值,XML转对象案例

    2024-04-03 17:28:01       3 阅读
  5. 安卓Glide加载失败时点击按钮重新加载图片

    2024-04-03 17:28:01       4 阅读
  6. 聚焦ChatGPT:解锁学术论文写作的新思路

    2024-04-03 17:28:01       5 阅读
  7. wpf Line

    2024-04-03 17:28:01       3 阅读
  8. redis特殊数据类型-Hyperloglog(基数统计)用法

    2024-04-03 17:28:01       4 阅读
  9. WebKit结构简介

    2024-04-03 17:28:01       5 阅读
  10. Rust 中 .expect()用法

    2024-04-03 17:28:01       4 阅读