网站首页 > 技术文章 正文
之前一直用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
猜你喜欢
- 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个资源合集
你 发表评论:
欢迎- 最近发表
-
- Three.js vs Unity:工业可视化为何选择Web方案?
- 一款全新Redis UI可视化管理工具,支持WebUI和桌面——P3X Redis UI
- 时间线可视化实战:三款AI工具实测,手把手教你制作人生轨迹图
- 【推荐】一款可视化在线 Web 定时任务管理平台,支持秒级任务设置
- 重磅更新!FastDatasets 推出可视化 Web 界面
- 模具设计之UG钣金实例教程(3)_ug钣金基础教程
- 前端基于 RBAC 模型的权限管理实现
- 别再把JWT存在localStorage里了!2025年前端鉴权新思路
- 模具设计之曲面造型中不圆润的曲面如何处理技巧
- 9个专业级别的CSS技巧区分了解和精通的鸿沟
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)