ant design table实现上下行拖拽功能(类组件)(2)

简介: ant design table实现上下行拖拽功能(类组件)

这是官网的示例 那么我们如何实现呢


第一步

第一步 引入第一个类




第二步

找准数据


image.png


第三步

进行数据的一个赋值我这边是dva.js赋值

image.png


第四步

回调或者确定按钮处理数据(这边是确定按钮处理值然后调接口)


image.png


实现效果

image.png


拖拽后

image.png

相关文章
|
4月前
|
小程序 IDE 编译器
Ant Design Mini 问题之类型方案在 tsx 中实现逻辑层与视图层关联,如何操作
Ant Design Mini 问题之类型方案在 tsx 中实现逻辑层与视图层关联,如何操作
|
7月前
|
JavaScript
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
677 1
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
117 0
|
7月前
Ant Design组件动态嵌套表单制作
Ant Design组件动态嵌套表单制作
240 0
|
前端开发
ant design table中增加按钮的两种方式
ant design table中增加按钮的两种方式
245 0
|
数据格式
hook项目实例之原始数据形成ant design table表格
hook项目实例之原始数据形成ant design table表格
47 0
|
数据处理 数据格式
hook项目实例之原始数据形成ant design table表格 2
hook项目实例之原始数据形成ant design table表格
71 0
|
前端开发
【React工作记录九十】ant design table实现上下行拖拽功能(类组件)
【React工作记录九十】ant design table实现上下行拖拽功能(类组件)
226 0
|
索引
Ant Design:表格自定义渲染
Ant Design:表格自定义渲染
221 0
Ant Design表格列拖拽,部分源码 #44
Ant Design表格列拖拽,部分源码 #44
235 0