怎么用sortable实现el-table行拖动样式

• Z时代
• 2024-01-10
• 分类：技术分享

html

<el-table tooltip-effect="light" :row-key="getRowKeyscx" :data="cxl" height="242"  width="1000" :show-header="false" @selection-change="cxd" ref="tablecx" class="tablecx">
<el-table-column type="selection"  width="50"></el-table-column>
<el-table-column >
<template>
<img src="https://segmentfault.com/assets/images/exam/tuodong.png" height="14" width="20" />
</template>
</el-table-column>
</el-table>

js

const table = document.querySelector('.tablerx tbody')
Sortable.create(table, {
onEnd: evt => {  //监听拖动结束事件
this.rxpx(evt.oldIndex,evt.newIndex)//执行排序
}
})

怎么改成实现这样的效果

回答

或者有什么样例网页吗？

以上是 怎么用sortable实现el-table行拖动样式 的全部内容， 来源链接： utcz.com/a/39859.html