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

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日