中文文档

Let el-table support sortable.js

Demo Page

• support almost all options in sortablejs
• support drag from one to another table
• support vetur（todo）
• support drag into an empty el-table

• Drag rows
• Drag columns
• Set handle for drag
• Set group
• ...other option in sortable.js
• event input, after the change of all

yarn add el-table-draggable

npm i -S el-table-draggable

import ElTableDraggable from 'el-table-draggable'

export default {
    components: {
        ElTableDraggable
    }
}

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

the wrapper tag of el-table, default is div

support drag column

sortablejs's option

data or cloumn after change

sortablejs's option, the option start with on, ExampleonSort => @sort

• Support column
• support ghost of expanded row or the rest of column
• 接入html2canvas 将展开/列部分设定到dataTransfer.setDragImage上实现拖拽优化

By me a coffee