ali-react-table-fork v0.0.9

ali-react-table

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

安装

npm install ali-react-table

特点

• 高性能，内置虚拟滚动，数据量较大时自动开启
• 简单灵活的 API，丰富的定制能力
• 实用的表格特性：表头吸顶 & 左侧/右侧锁列 & 粘性定位的滚动条

表格适用场景

• 需要用表格展示大量数据，对表格性能较为敏感
• 页面本身没有引入组件库（可能是出于页面体积的考量），缺少开箱可用的 React 表格
• 组件库所提供的表格组件可定制能力不够，需要更加灵活的表格组件

效果演示

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

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

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

更新日志

详见 changelog

兼容性说明

表格用到了大量较新的浏览器 API，目前阶段只兼容较新版本的 Chrome/Firefox/Safari，且只能运行在 PC 端 & React16 环境下。详情请见 #18

相关链接

• NPM: https://www.npmjs.com/package/ali-react-table
• GitHub: https://github.com/alibaba/ali-react-table
• 表格组件介绍: https://zhuanlan.zhihu.com/p/130755755