alibaba / ali-react-table

Performent, flexible and modern React table component.
https://ali-react-table.js.org/
MIT License
950 stars 311 forks source link
react react-table table

ali-react-table

开发者平时工作实在太忙了,近期项目无法进行积极维护,抱歉。

NPM Package

高性能 React 表格组件. https://ali-react-table.js.org/

安装

npm install ali-react-table

特点

表格适用场景

效果演示

虚拟滚动 ↑ 通过 dataSource 传入一个长度超过 5 万的数组,表格依旧流畅。当表格向下滚动时,BaseTable 默认会为表头设置 style.position=sticky,表头将会吸附在页面或滚动容器的顶部。在线示例


留存矩阵与投入产出分析表格 ↑ BaseTable 提供了灵活且丰富的 API,方便上层根据各类业务需求对表格进行定制,定制的内容包括单元格内容与样式、鼠标事件回调等。 留存矩阵 在线示例投入产出分析表格 在线示例


优化的加载图标位置

↑ 优化的加载图标位置,加载图标会位于表格的中心位置,并始终处于可见状态。


简单透视表格 ↑ 基于 BaseTable 的简单透视表格。一般来说,透视表展示的数据量较大,不过 BaseTable 内置的虚拟滚动保证了表格在大数据量下仍具有很好的性能,上层不需要过多担心性能问题。 在线示例

兼容性说明

表格只兼容 react ^16.8.0 || ^17.0.0

此外表格用到了大量较新的浏览器 API,只兼容较新版本的 PC 端浏览器或手机浏览器,详见该 issue

相关链接