chenhao56 2023-11-17 09:16 采纳率: 0%
浏览 19

fixed固定列后sortablejs无法跟随行一起拖拽

el-table-column设置了fixed="right"实际上会创建另一个el-table__fixed-right表格,这就会导致拖拽失效

img

img

img

拖拽时效果:

img

下面是我的表头和methods

img

img


请问要怎么改才能一整排一起拖拽

  • 写回答

2条回答 默认 最新

  • Jerry_eleven 2023-11-17 15:59
    关注

    目前来看的话,只要固定列了,固定列不能拖拽但是其他的列还是可以拖拽的,然后可以在 sortablejs 的onEnd钩子中去更新数据data中的表格的数据,拖拽结束视图也会更新。但是解决不够完美,希望能提供个思路。

    // 初始化拖拽功能
        Sortable.create(this.$el.querySelector('.el-table__body-wrapper tbody'), {
          group: 'table',
          //动画效果持续时间(不设置或0都没有过渡效果)
          animation: 150,
          //含有类的元素可以被拖拽(class只能定义在元素本身上)
          draggable: '.el-table__row',
          onEnd: (event) => {
            // 处理拖拽结束后的逻辑
            const { oldIndex, newIndex } = event;
            // 处理排序逻辑,更新tableData数组中元素的位置
            const element = this.tableData.splice(oldIndex, 1)[0];
            this.tableData.splice(newIndex, 0, element);
          }
        });
    
    
    评论

报告相同问题?

问题事件

  • 修改了问题 11月17日
  • 创建了问题 11月17日

悬赏问题

  • ¥15 为什么shp文件会有这种小方块?
  • ¥15 ecplise在连接数据库时显示加载驱动成功但是数据库连接失败
  • ¥15 visionmaster启动失败,提示为“机器不满足授权而被禁用”
  • ¥50 用logisim设计16位单时钟周期cpu
  • ¥15 IDEA中圈复杂度如何具体设置
  • ¥50 labview采集不了数据
  • ¥15 Multisim红外倒车雷达仿真中距离问题
  • ¥15 请上面代码做什么处理或什么混淆
  • ¥15 英雄联盟自定义房间置顶
  • ¥15 W5500网线插上无反应