Element-ui table support sortable.js with vue

el-table-draggable

Let el-table support sortable.js

Features

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

You can see in Demos

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

Install

use npm or yarn

yarn add el-table-draggable

npm i -S el-table-draggable

Usage

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

the wrapper tag of el-table, default is div

column

support drag column

other

sortablejs's option

Event

input

data or cloumn after change

other

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