ElementuiPlus的table组件实现行拖动与列拖动

借助了插件sortablejs。这种方法只适合做非树状table。如果想实现树状table,并且可拖动。可以试一下aggridVue3这个插件



效果如下

ElementuiPlus的table组件实现行拖动与列拖动_第1张图片

我试了加操作列,通过el-table-column的默认插槽进行实现,但是列拖动的时候,操作列的内容一直在最后一列,并没有跟着移动

ElementuiPlus的table组件实现行拖动与列拖动_第2张图片

代码如下,如果不需要列拖动的话,可以采取这种方式



还有一种解决办法就是,把操作放到弹窗操作,比如双击某一行的时候,弹出弹窗,传入这行的数据,在弹窗里面进行操作,这样就不需要添加操作内一列了。行拖动和列拖动也都能使用

你可能感兴趣的:(vue.js,elementui,javascript)