首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >在 Vue 3 和 React 中,el-table 那种“虚拟滚动+动态行高”到底该怎么落地?

在 Vue 3 和 React 中,el-table 那种“虚拟滚动+动态行高”到底该怎么落地?

作者头像
用户1839651
发布于 2026-09-28 08:03:00
发布于 2026-09-28 08:03:00
00
举报
概述
表格组件在后台系统里几乎是刚需,但当数据量上千行、每行内容高度又不固定时,浏览器会直接卡成幻灯片。很多人第一反应是找现成的虚拟滚动库,可用在 el-table 或 antd Table 上时,往往发现它们只支持固定行高,稍微有点换行、图片或自定义插槽,滚动条就开始乱跳。这背后的核心矛盾是:虚拟滚动依赖精确的偏移量计算,而动态行高让每个元素的高度在渲染前无法预知。我在实际项目里处理过带折叠面板、多行

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档