Programming Languages

javascript

184084 projects - #8 most used programming language

Vue

7211 projects

element-ui-el-table-draggable

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

WakuwakuP / element-ui-el-table-draggable