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

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

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


第一步

第一步 引入第一个类




第二步

找准数据


image.png


第三步

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

image.png


第四步

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


image.png


实现效果

image.png


拖拽后

image.png

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

热门文章

最新文章