el-table-column设置了fixed="right"实际上会创建另一个el-table__fixed-right表格,这就会导致拖拽失效
拖拽时效果:
下面是我的表头和methods
请问要怎么改才能一整排一起拖拽
el-table-column设置了fixed="right"实际上会创建另一个el-table__fixed-right表格,这就会导致拖拽失效
拖拽时效果:
下面是我的表头和methods
目前来看的话,只要固定列了,固定列不能拖拽但是其他的列还是可以拖拽的,然后可以在 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);
}
});