• vue3+el-plus对eleplus对el-table表格进行拖拽(使用sortablejs进行列拖拽和行拖拽):


    先看看是不是你需要的:

    表格行和列拖拽

    如有对表格拖拽进行限制某列或某行不进行拖拽的需求,请点击:

    vue3+ele-plus+sortableJs对el-table使用sortableJs插件对表格拖拽时限定某列或某行不允许拖拽-CSDN博客

    如果你已实现拖拽需求,但拖拽后发现表头并未改变的话,请点击:

    解决el-table表格拖拽后,只改变了数据,表头没变的问题-CSDN博客

    sortablejs官网:
    Sortable.js中文网
    使用sortablejs插件对表格进行拖拽操作:
    npm install sortablejs --save
    安装好插件后,对拖拽操作进行分析:

    对于列拖拽:点击某列的表头前后挪移时,松开鼠标左键后,挪移的列就应该在哪列显示。

    行拖拽:和列拖拽一样。

    上述代码中对拖拽功能主要在columnDrag和rowDrag这两个方法,其中onEnd方法是拖拽操作结束执行的方法,在这个方法中,是对当前列或当前行进行一个变量赋值,赋值后对当前列或当前行进行删除,再在newIndex的位置进行插入,就进行了拖拽操作。
  • 相关阅读:
    4、MFC:菜单栏、工具栏与状态栏
    Java中CAS详解
    leetCode 53.最大子数组和 动态规划 + 优化空间复杂度
    多御安全浏览安卓版升级尝鲜,新增下载管理功能
    1.4.23 实验23:小型局域网
    ElasticSearch 搜索推荐
    图像处理之图像质量评价指标SSIM(结构相似性)
    vue中::v-deep的用法
    Linux——文件描述符(fd)与重定向、dup/dup2
    【数据结构】双向链表
  • 原文地址:https://blog.csdn.net/weixin_42234899/article/details/139627036