etd

el-table-draggable

让element-ui的table可拖动排序

Showing:

Popularity

Downloads/wk

18

GitHub Stars

10

Maintenance

Last Commit

20d ago

Contributors

1

Package

Dependencies

5

License

Type Definitions

Tree-Shakeable

No?

Categories

Readme

el-table-draggable

中文文档

Let el-table support sortable.js

Demo Page

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

todo

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

Donation

By me a coffee

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial