element-ui-el-table-draggable

Make 'el-table' of 'element UI' sortable.

Installation

$ npm i -save element-ui-el-table-draggable

Quick Start

1import ElTableDraggable from 'element-ui-el-table-draggable';
2
3new Vue({
4  components: {
5    ElTableDraggable,
6  },
7});

1<el-table-draggable>
2  <el-table>
3    ......
4  </el-table>
5</el-table-draggable>

Options

handle

Make a draggable part. You can drag only the specified class.

1<el-table-draggable handle=".handle">
2  <el-table>
3    <el-table-column>
4      <template slot-scope="scope">
5        <div class="handle">
6          handle
7        </div>
8      </template>
9    </el-table-column>
10    ......
11  </el-table>
12</el-table-draggable>

animate

Specify animation speed (ms).

1<el-table-draggable animate="300">
2  <el-table>
3    ......
4  </el-table>
5</el-table-draggable>

Contribution

Please make sure to read the contributing guide (日本語 | English) before making a pull request.