最近发现 Ant Design v3 的表格和表单操作起来不是很方便,所以就简单的封装了一下,做了一个很简单的工具类。
拥有以下功能
- 实现分页(其实就是表格自带的分页功能)
- 实现行编辑(也就是官网例子里面的行编辑,甚至 css 样式都一样)
- 实现单元格编辑(没错我就是白嫖的官网上的 demo /doge )
- 实现表格的行编辑校验
- 实现语义化定义 Form 表单
启动预览表格表单
npm install
npm run start
# or
yarn
yarn start
即可预览表格表单,编辑源码下的 .ushio.tsx,即可看到对应的例子
github 地址:
https://github.com/Kotomi-Team/kotomi-ui
Q&A
Q: 那为什么不用 handsontable 或 ag-grid ?
A:灵魂拷问,我陷入了深深的沉思。
Q: 如何找到对应的文档说明?
A: 源码采用 typescript 可很好查看对应的属性,其次一般组件目录下都拥有一个 md 来进行说明(但没有源码新)
Q: 这个组件成熟吗?
A: 不成熟,等待项目验证
Q: 支持懒渲染吗?
A: 不支持,想着白嫖 Ant Design 的 v4 版本。
Q: 支持 Ant Design v4 吗?
A: 暂时不支持。因为目前 v4 尚未正式发布。
希望能白嫖一个 star ~~ =。= ~~
PS: Ant Design 要发布 v4 版本的,这个版本改变了很多很多,有意的大家可以点击以下连接了解
https://next.ant.design/