vxe-table v4.8+ 实现行拖动排序，列拖动排序

Vxe UI vue vxe-table v4.8+ 实现行拖动排序，列拖动排序

安装

npm install [email protected] [email protected]

main.js

// ...
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
// ...

createApp(App).use(VxeUI).use(VxeUITable).mount('#app')
// ...

列拖拽

通过工具栏启用 custom 自定义列功能，默认就只差拖拽排序、冻结列等功能。

行拖拽

参数 row-config.drag 开启行拖拽功能，需要注意操作 Dom 功能要设置 rowConfig.useKey 和 columnConfig.useKey ，然后再指定拖放按钮放哪一列 drag-sort="true"，这样就可以开启行拖拽功能了，使用非简单。

github https://github.com/x-extends/vxe-table
gitee