Estoy usando element-ui-el-table-draggable para lograr el efecto de arrastre en mi tabla el, y funciona muy bien.

Ahora, quiero usar la opción de desactivación de SortableJS, pero no sé cómo juntarlos. Por favor, consulte los enlaces a continuación.

Github para Sortable y busque "opción de desactivación"

Demostración en vivo para la opción de desactivación

¿Es esto posible hacerlo? Estoy usando Vue 2.6.11

¡Muchas gracias! Feliz año nuevo de 2022!

 <el-button type="primary" @click="switchState">{{ Disable }}</el-button> <p class="p-3" v-if="departmentlist"> <ElTableDraggable> <el-table stripe class="table-responsive table" header-row-class-name="thead-light" :data="departmentlist" @row-click="row_clicked_event"> <!-- <el-table-column label="ID" prop="IDn"> <template v-slot="{ row }"> {{ row.IDn }} </template> </el-table-column> --> <el-table-column label="PLU" prop="PLU" :key="PLU"> </el-table-column> <el-table-column :label="$t('Name') + '1'" prop="Name1" :key="$t('Name') + '1'"> </el-table-column> <el-table-column :label="$t('Name') + '2'" prop="Name2" :key="$t('Name') + '2'"> </el-table-column> <el-table-column :label="$t('Sort Order')" prop="SortOrder" :key="$t('Sort Order')"> </el-table-column> <el-table-column :label="$t('Remarks')" prop="Remarks" :key="$t('Remarks')"> </el-table-column> </el-table> </ElTableDraggable> </p> <p class="p-3" v-else> {{ $t("No Records") }} </p> <script> import ElTableDraggable from 'element-ui-el-table-draggable' export default { components: { ... ElTableDraggle }, data() { ... }, methods:{ switchState(){ // This should be where the magic happens I think } }, } </script> ```