千家信息网

如何实现element表格行列拖拽效果

发表于:2024-09-21 作者:千家信息网编辑
千家信息网最后更新 2024年09月21日,这篇文章给大家分享的是有关如何实现element表格行列拖拽效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。element ui 表格没有自带的拖拽排序的功能,只能借助第
千家信息网最后更新 2024年09月21日如何实现element表格行列拖拽效果

这篇文章给大家分享的是有关如何实现element表格行列拖拽效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

element ui 表格没有自带的拖拽排序的功能,只能借助第三方插件Sortablejs来实现,先来看一下动态图,效果是不是你们想要的。


首先需要安装Sortable.js

npm install sortablejs --save

然后引用

import Sortable from 'sortablejs'

需要注意的是element table务必指定row-key,row-key必须是唯一的,如ID,不然会出现排序不对的情况。

###示例代码

感谢各位的阅读!关于"如何实现element表格行列拖拽效果"这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

0