• Stars
    star
    111
  • Rank 314,510 (Top 7 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created almost 6 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

element-ui-el-table-draggable

CircleCI

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

Installation

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

Quick Start

import ElTableDraggable from 'element-ui-el-table-draggable';

new Vue({
  components: {
    ElTableDraggable,
  },
});
<el-table-draggable>
  <el-table>
    ......
  </el-table>
</el-table-draggable>

Options

handle

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

<el-table-draggable handle=".handle">
  <el-table>
    <el-table-column>
      <template slot-scope="scope">
        <div class="handle">
          handle
        </div>
      </template>
    </el-table-column>
    ......
  </el-table>
</el-table-draggable>

animate

Specify animation speed (ms).

<el-table-draggable animate="300">
  <el-table>
    ......
  </el-table>
</el-table-draggable>

Contribution

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