el-table-draggable

el-table-draggable

让vue-draggable支持element-ui中的el-table

demo请查看

特性

• 支持几乎所有sortablejs的配置
• 支持多个表格之间互相拖动
• 代码提示

安装

使用npm或者yarn

yarn add el-table-draggable

npm i -S el-table-draggable

使用

import ElTableDraggable from 'el-table-draggable'

export default {
    components: {
        ElTableDraggable
    }
}

template

<template>
    <el-table-draggable>
        <el-table row-key></el-table>
    </el-table-draggable>
</template>

props

tag

包裹的组件，默认为div

其他

差不多支持所有sortablejs的option

事件

change

内部table的数据有因为拖动造成的顺序，增减时进行通知

其他

差不多支持所有sortablejs的option里面那些on开头的事件，绑定事件的时候请去掉on 例如onSort => @sort

todo

• 支持列拖动
• 支持拖动展开的列的时候ghost显示展开的部分