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

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

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


第一步

第一步 引入第一个类




第二步

找准数据


image.png


第三步

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

image.png


第四步

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


image.png


实现效果

image.png


拖拽后

image.png

相关文章
|
14天前
|
JavaScript
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
Ant design vue 样式调整(包含导航栏、a-table表格、分页)
36 1
|
9月前
|
前端开发
ant design封装一个弹框组件
ant design封装一个弹框组件
77 0
|
5月前
Ant Design组件动态嵌套表单制作
Ant Design组件动态嵌套表单制作
131 0
|
6月前
|
JavaScript
Ant Design Vue select下拉列表动态更新选中值
Ant Design Vue select下拉列表动态更新选中值
|
9月前
|
前端开发
ant design table中增加按钮的两种方式
ant design table中增加按钮的两种方式
87 0
|
9月前
|
数据处理 数据格式
hook项目实例之原始数据形成ant design table表格 2
hook项目实例之原始数据形成ant design table表格
41 0
|
9月前
|
数据格式
hook项目实例之原始数据形成ant design table表格
hook项目实例之原始数据形成ant design table表格
30 0
|
9月前
|
前端开发
【React工作记录九十】ant design table实现上下行拖拽功能(类组件)
【React工作记录九十】ant design table实现上下行拖拽功能(类组件)
118 0
|
9月前
|
索引
Ant Design:表格自定义渲染
Ant Design:表格自定义渲染
|
11月前
|
前端开发
ant design table实现上下行拖拽功能(类组件)
ant design table实现上下行拖拽功能(类组件)
211 0