网站首页 > 技术文章 正文
之前一直用antd的表单组件,后来发现每页数量只要大于500滚动就比较卡顿,后来就沿着虚拟滚动找到了ali-react-table这个表格组件,ali-react-table也没让我失望,开启虚拟滚动真的流畅,2000一页也不卡。
特点
- 高性能,内置虚拟滚动,数据量较大时自动开启
- 简单灵活的 API,丰富的定制能力
- 实用的表格特性:表头吸顶 & 左侧/右侧锁列 & 粘性定位的滚动条
表格适用场景
- 需要用表格展示大量数据,对表格性能较为敏感
- 页面本身没有引入组件库(可能是出于页面体积的考量),缺少开箱可用的 React 表格
- 组件库所提供的表格组件可定制能力不够,需要更加灵活的表格组件
官网示例有数据报表,树表,透视表,交叉表。这个表组件我是实际用于生产环境的,与antd表格交替使用,用法基本无异,相比antd table组件,ali-react-table大数据量渲染快,缺点就是有些细节不如antd table,比如分页功能要自己实现,antd table是封装好的。
目前github上start只有737个,对于表格有性能需求的可以上。
相关链接:
项目官网:https://ali-react-table.js.org/
Github项目地址:https://github.com/alibaba/ali-react-table
- 上一篇: React状态管理专题:什么是Redux
- 下一篇:已经是最后一篇了
猜你喜欢
- 2025-05-14 React状态管理专题:什么是Redux
- 2025-05-14 React:我们一直在做什么
- 2025-05-14 Web前端:NextJS与React——主要差异、优势和局限性
- 2025-05-14 web前端开发 | React中常见的Hook
- 2025-05-14 一起了解 React 19 带来的6个主流特性?
- 2025-05-14 React 组件频繁重渲染?3 行代码实现性能翻倍的实战解法
- 2025-05-14 前端 - React 受控组件和非受控组件
- 2025-05-14 Web前端:React开发人员需要具备的十大技能
- 2025-05-14 React 组件频繁重绘?5 个实战技巧让页面流畅度暴涨 70%!
- 2025-05-14 致前端:react开发的5个资源合集
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)