相信各个小伙伴都遇到table表格拖拽排序的需求，那么到底怎么实现表格的拖拽排序功能呢
初接触React组件库ant design的小伙伴，可能觉得这是个很困难的功能，很不好来实现，下面让我一步一步带领初入苦海的小伙伴们来实现这个功能，其实这个功能实现起来非常的简单
-
第一步，关于Table表格的数据
话不多少，直接贴图
size：表格的大小 rowKey：表格行 key 的取值，可以是字符串或一个函数 DataSource：Table表格双向绑定的数据 columns：表格列的配置描述 components：覆盖默认的 table 元素 rowClassName：表格行的类名 pagination：分页器，参考配置项或 pagination 文档，设为 false 时不展示和进行分页
详细关于Table的配置项请见ant design官网 ant.design/components/…
- 第二步，关于拖拽排序需要准备的提前工作
关于Table标签是否进行处理，使用react-dnd来进行包裹Table标签
示例如下图
-
给Table表格绑定一个关于行的方法，如图一中onRow方法，传递的参数如图一
-
其次，按照官方文档的示例写一个方法
- 最后，最重要的步骤就是onRow方法
最后就可以成功的实现拖拽表格的效果了，如果想要换成请求接口的拖拽方法， 只需要在moveRow中写相关接口dispatch和callback就可以了
- 有任何想要了解的欢迎留言，极速更新中.....
