Ant-design-vue: table能够像antd react版本那样提供行数据拖拽排序的demo
gaorubin1990
All 14 comments
同样遇到这个需求，暂时没想到解决文案，感觉不是很好加其它拖拽组件
5dong
on 21 Feb 2020
这个需求我使用H5的Draggable自己封装实现的。
主要使用customRow属性。把attrs的draggable设置为true，
然后实现h5的draggable的几个事件就可以了。
SeasonGuo
on 4 Mar 2020
不晓得这个需求使用Vue-Dragable怎么实现操作，能贴一下代码吗？
SeasonGuo
on 4 Mar 2020
@SeasonGuo 说的对，原理就是用dragable组件绑定拖拽事件，然后改变column的width属性就可以了
但是在1.4版本的:scroll='{x:2000}'中2000不能设置成true
示例代码可以看这里：https://www.jianshu.com/p/89b8ccd1eca0
kiteoath
on 23 Mar 2020
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测
zkwolf
on 12 May 2020
https://codesandbox.io/s/draggable-table-e07sm用vue-draggable简单做了一个，没仔细测
确实，对于我的项目来说稍微改动一下就能用了，我使用的是Ant Design Pro of Vue的<s-table>，对于使用<a-table>的同学来说会更方便，需要改进的地方是拖动的时候动画不那么明显
NBGGA
on 12 May 2020
这个需求我使用H5的Draggable自己封装实现的。
主要使用customRow属性。把attrs的draggable设置为true，
然后实现h5的draggable的几个事件就可以了。
你可以贴一个你原生js实现的版本demo
ikarosu
on 11 Jun 2020
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测
请教个问题 这个地方为何要使用事件总线去进行消息的传递呢 直接emit会有什么问题吗
ypzhenga
on 3 Aug 2020
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测
请教个问题 这个地方为何要使用事件总线去进行消息的传递呢 直接emit会有什么问题吗
直接emit好像是接收不到吧，中间有很多层组件
zkwolf
on 3 Aug 2020
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测
请教个问题 这个地方为何要使用事件总线去进行消息的传递呢 直接emit会有什么问题吗
直接emit好像是接收不到吧，中间有很多层组件
好的这个我了解了！
还有个问题就是示例里面的move方法貌似不起作用呢
ypzhenga
on 9 Aug 2020
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测
请教个问题 这个地方为何要使用事件总线去进行消息的传递呢 直接emit会有什么问题吗
直接emit好像是接收不到吧，中间有很多层组件
好的这个我了解了！
还有个问题就是示例里面的move方法貌似不起作用呢
我想问下,这个问题解决了么
YangHeLi
on 15 Oct 2020
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测
请教个问题 这个地方为何要使用事件总线去进行消息的传递呢 直接emit会有什么问题吗
直接emit好像是接收不到吧，中间有很多层组件
好的这个我了解了！
还有个问题就是示例里面的move方法貌似不起作用呢
我想问下,这个问题解决了么
后面看了一下其实不需要用move方法，Vue.Draggable会自动修改数据
zkwolf
on 22 Oct 2020
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测
请教个问题 这个地方为何要使用事件总线去进行消息的传递呢 直接emit会有什么问题吗
直接emit好像是接收不到吧，中间有很多层组件
这里可以利用provide一个onDrag，然后在wrapper里面调用this.onDrag这种方式，比事件总线方便和优雅点
hezhongfeng
on 2 Nov 2020
我这用原生实现了列拖拽，代码行数不多，你们可以测下有木有问题
地址：https://github.com/buqiyuan/vue3-antd-admin/blob/main/src/components/dynamic-table/useDragCol.ts
在线预览：http://buqiyuan.gitee.io/vue3-antd-admin
buqiyuan
on 2 Dec 2020
Related issues
oleksii-shaposhnikov
·
4Comments
miyukoarc
·
3Comments
jave-joe
·
3Comments
ankology
·
3Comments
AhJane
·
3Comments
Most helpful comment
https://codesandbox.io/s/draggable-table-e07sm 用vue-draggable简单做了一个，没仔细测