• 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的位置进行插入,就进行了拖拽操作。
  • 相关阅读:
    工业机器人之“慧眼”——机器视觉
    java反射机制详解
    ffmpeg之avformat_alloc_output_context2
    你真的了解JAVA中对象和类、this、super和static关键字吗
    vue3 封装使用 pinia (可直接使用,包含数据持久化)
    ALU,半加器,全加器,减法电路
    制作 2D 素材|基于 AI 5 天创建一个农场游戏,第 4 天
    Kafka RecordAccumulator 二
    HttpClient实现RPC解析(通过Get方式访问)
    MFC网络通信-Udp服务端
  • 原文地址:https://blog.csdn.net/weixin_42234899/article/details/139627036