{"id":13469887,"url":"https://github.com/alibaba/ali-react-table","last_synced_at":"2025-03-26T09:31:46.734Z","repository":{"id":37903221,"uuid":"251277527","full_name":"alibaba/ali-react-table","owner":"alibaba","description":"Performent, flexible and modern React table component.","archived":true,"fork":false,"pushed_at":"2024-07-25T10:42:09.000Z","size":82503,"stargazers_count":957,"open_issues_count":102,"forks_count":311,"subscribers_count":14,"default_branch":"master","last_synced_at":"2024-10-19T17:15:01.720Z","etag":null,"topics":["react","react-table","table"],"latest_commit_sha":null,"homepage":"https://ali-react-table.js.org/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alibaba.png","metadata":{"files":{"readme":"readme.md","changelog":"changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-03-30T10:54:55.000Z","updated_at":"2024-10-16T08:58:24.000Z","dependencies_parsed_at":"2024-10-09T10:40:02.258Z","dependency_job_id":null,"html_url":"https://github.com/alibaba/ali-react-table","commit_stats":{"total_commits":283,"total_committers":6,"mean_commits":"47.166666666666664","dds":"0.017667844522968212","last_synced_commit":"847cc650b5e0e30e6ea05cf3d30cd5fc5be4515a"},"previous_names":[],"tags_count":42,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2Fali-react-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2Fali-react-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2Fali-react-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alibaba%2Fali-react-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alibaba","download_url":"https://codeload.github.com/alibaba/ali-react-table/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":222100737,"owners_count":16931665,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react","react-table","table"],"created_at":"2024-07-31T16:00:18.360Z","updated_at":"2024-10-29T23:31:44.621Z","avatar_url":"https://github.com/alibaba.png","language":"TypeScript","readme":"# ali-react-table\n\n## 开发者平时工作实在太忙了，近期项目无法进行积极维护，抱歉。\n\n[![NPM Package](https://img.shields.io/npm/v/ali-react-table?style=flat-square)](https://www.npmjs.org/package/ali-react-table)\n\n高性能 React 表格组件. https://ali-react-table.js.org/\n\n## 安装\n\n`npm install ali-react-table`\n\n## 特点\n\n- 高性能，内置虚拟滚动，数据量较大时自动开启\n- 简单灵活的 API，丰富的定制能力\n- 实用的表格特性：表头吸顶 \u0026 左侧/右侧锁列 \u0026 粘性定位的滚动条\n\n## 表格适用场景\n\n- 需要用表格展示大量数据，对表格性能较为敏感\n- 页面没有引入 React 组件库，需要一个尺寸较小的表格组件\n- 原有表格组件可定制能力不够，需要更加灵活的表格组件\n\n## 效果演示\n\n![虚拟滚动](docs/imgs/ali-react-table-virtual-scroll.gif)\n↑ 通过 dataSource 传入一个长度超过 5 万的数组，表格依旧流畅。当表格向下滚动时，BaseTable 默认会为表头设置 style.position=sticky，表头将会吸附在页面或滚动容器的顶部。[在线示例](https://ali-react-table.js.org/examples/big-data?example=滚动容器为指定高度的div)\n\n\u003cbr\u003e\n\n![留存矩阵与投入产出分析表格](docs/imgs/remain-matrix-and-ROI-analysis-table.png)\n↑ BaseTable 提供了灵活且丰富的 API，方便上层根据各类业务需求对表格进行定制，定制的内容包括单元格内容与样式、鼠标事件回调等。 [留存矩阵 在线示例](https://ali-react-table.js.org/examples/biz/remain-matrix)， [投入产出分析表格 在线示例](https://ali-react-table.js.org/examples/biz/ROI-analysis-table)\n\n\u003cbr\u003e\n\n![优化的加载图标位置](docs/imgs/ali-react-table-enhanced-loading-icon-position.gif)\n\n↑ 优化的加载图标位置，加载图标会位于表格的中心位置，并始终处于可见状态。\n\n\u003cbr\u003e\n\n![简单透视表格](docs/imgs/ali-react-table-simple-pivot-table.gif)\n↑ 基于 BaseTable 的简单透视表格。一般来说，透视表展示的数据量较大，不过 BaseTable 内置的虚拟滚动保证了表格在大数据量下仍具有很好的性能，上层不需要过多担心性能问题。 [在线示例](https://ali-react-table.js.org/examples/others/simple-pivot-table)\n\n## 兼容性说明\n\n表格只兼容 `react ^16.8.0 || ^17.0.0`。\n\n此外表格用到了大量较新的浏览器 API，只兼容较新版本的 PC 端浏览器或手机浏览器，详见[该 issue](https://github.com/alibaba/ali-react-table/issues/18)\n\n## 相关链接\n\n- NPM: https://www.npmjs.com/package/ali-react-table\n- GitHub: https://github.com/alibaba/ali-react-table\n- 表格组件介绍: https://zhuanlan.zhihu.com/p/130755755\n","funding_links":[],"categories":["Pivot Table","UI Components / UI Tools"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falibaba%2Fali-react-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falibaba%2Fali-react-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falibaba%2Fali-react-table/lists"}