美文网首页
antd table edit

antd table edit

作者: web_柚子小记 | 来源:发表于2018-10-18 13:53 被阅读0次

antd-editTable

使用antd实现表格增、删、编辑,分别基于react16.2和react16.3实现两种方式

背景

React在版本16.3-alpha里引入了新的Context API,antd3.10.0基于react16.3-alpha,利用React.createContext()特性实现表格编辑。

方式一:基于react16.2, antd8.4实现表格增、删、编辑,未实现校验功能

示例

example.gif

Demo

https://codesandbox.io/s/v85jlv541y

方式二:基于react16.3, antd3.10实现表格增、删、编辑,已实现校验功能

示例

example.gif

Demo

https://codesandbox.io/s/73zvp3vljx

github

https://github.com/Youzi-wr/antd-editTable

相关文章

网友评论

      本文标题:antd table edit

      本文链接:https://www.haomeiwen.com/subject/tpuczftx.html