https://github.com/yuexiaoliang/table-merge
极佳、极简、通用的表格合并方案，已提供多个 UI 框架开箱即用。
https://github.com/yuexiaoliang/table-merge
ant-design ant-design-vue element-plus element-ui library react vue
Last synced: about 2 months ago
JSON representation
极佳、极简、通用的表格合并方案，已提供多个 UI 框架开箱即用。
- Host: GitHub
- URL: https://github.com/yuexiaoliang/table-merge
- Owner: yuexiaoliang
- License: mit
- Created: 2022-09-13T03:27:22.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-10-12T12:34:30.000Z (over 2 years ago)
- Last Synced: 2025-04-18T18:37:07.465Z (2 months ago)
- Topics: ant-design, ant-design-vue, element-plus, element-ui, library, react, vue
- Language: TypeScript
- Homepage:
- Size: 2.58 MB
- Stars: 23
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# table-merge
极佳、极简、通用的表格合并方案，已提供多个 UI 框架开箱即用。
## 开箱即用的 UI 库
指以针对框架进行进一步封装，直接引用即可使用。
- [x] [Element-UI](https://github.com/yuexiaoliang/table-merge/tree/master/packages/element-ui)
- [x] [Element Plus](https://github.com/yuexiaoliang/table-merge/tree/master/packages/element-plus)
- [x] [Ant Design](https://github.com/yuexiaoliang/table-merge/tree/master/packages/ant-design)
- [x] [Ant Design Vue](https://github.com/yuexiaoliang/table-merge/tree/master/packages/ant-design-vue)
## 计划支持
- [ ] Naive Ui
上列框架计划支持开箱即用，如过需要支持其他框架也可以到 Github 提个 Issue，或者通过 `@table-merge/core` 导出的方法自己封装也可以，参考：[packages/ant-design-vue/index.ts](https://github.com/yuexiaoliang/table-merge/blob/master/packages/ant-design-vue/index.ts) 或 [packages/element-plus/index.ts](https://github.com/yuexiaoliang/table-merge/blob/master/packages/element-plus/index.ts)。
理论上来讲，支持设置 `rowspan` 和 `colspan` 的 UI 框架都是可以支持的，期待小伙伴们一起参与建设。
## 设计思路
参考：[极佳、极简、通用的表格（Table）合并单元格方案](https://zhuanlan.zhihu.com/p/570554694)
## TODO
- [ ] 文档系统
- [x] 整合示例项目
- [x] 代码重构优化
- [x] 算法优化
## License
MIT