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


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

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

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

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

gitHub:editablecell组件


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM