Ant Design of Vue之带单元格编辑功能的表格EditableCell组件

需求:
表格里面某一行或者某一个单元格可以编辑,新增一行数据,删除一行数据,并且有校验规则。

Ant Design里面组件还是很强大的,但是一些细节就需要你结合所有的组件属性来摸索了。以上需求让我头疼了好一阵,尤其是校验的部分,但是写出来后成就感满满呢。赶紧分享给大家。

组件实现了单行保存,批量保存。输入同步保存。还可以自定义校验规则哦。里面的表单类型目前只有我用到的,小伙伴们自己可以完善的,大同小异。?

具体代码见gitHub,小伙伴也可以clone下来看看效果。如果有更好的想法请一定告诉我哦?

gitHub:editablecell组件

posted on 2021-09-01 18:01  HOT SUMMER  阅读(1541)  评论(0编辑  收藏  举报

导航