antdesign表格使用Sortable进行行列拖拽

最新推荐文章于 2024-07-26 11:41:15 发布

*初级小白*~

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量581

点赞数

分类专栏：项目实战遇到的问题文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/ScumStudy/article/details/129028236

版权

本文介绍了如何在AntDesign Vue的表格组件中利用SortableJS实现行列的拖拽功能，详细讲解了配置过程和关键代码，帮助开发者提升前端交互体验。

摘要由CSDN通过智能技术生成

<template>
  <a-table :columns="columns" :data-source="dataSource" bordered></a-table>
</template>
<script>
import Sortable from 'sortablejs'
import {
    defineComponent, onMounted, ref } from 'vue';
import {
    message } from 'ant-design-vue';

const data = [];
for (let i = 0; i < 100; i++) {
   
  data.push({
   
    key: i.toString(),
    name: `Edrward ${
     i}`,
    age: 32,
    address: `London Park no. ${
     i