登录
/
注册
首页
论坛
其它
首页
科技
业界
安全
程序
广播
Follow
关于
导读
排行榜
资讯
发帖说明
登录
/
注册
账号
自动登录
找回密码
密码
登录
立即注册
搜索
搜索
关闭
CSDN热搜
程序园
精品问答
技术交流
资源下载
本版
帖子
用户
软件
问答
教程
代码
写记录
写博客
小组
VIP申请
VIP网盘
网盘
联系我们
发帖说明
道具
勋章
任务
淘帖
动态
分享
留言板
导读
设置
我的收藏
退出
腾讯QQ
微信登录
返回列表
首页
›
资源区
›
代码
›
vue table 甘特图 vxe-gantt 实现多个表格的任务互相拖 ...
vue table 甘特图 vxe-gantt 实现多个表格的任务互相拖拽数据
[ 复制链接 ]
孔季雅
2025-8-28 17:29:21
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
vue table 甘特图 vxe-gantt 实现多个表格的任务互相拖拽数据
对于需要实现多表数据互相拖拽的场景就非常有用了,实现方式非常简单
查看官网:https://vxeui.com
Github:https://github.com/x-extends/vxe-gantt
Gitee:https://gitee.com/x-extends/vxe-gantt
效果
代码
通过参数 row-drag-config.isCrossTableDrag 启用跨表格、多表格互相拖拽。跨表拖拽需要确保数据主键不重复,通过 row-config.keyField 指定主键字段名
<template>
<vxe-button status="success" @click="resultEvent1">获取数据1</vxe-button>
<vxe-gantt ref="ganttRef1" v-bind="ganttOptions1"></vxe-gantt>
<vxe-button status="success" @click="resultEvent2">获取数据2</vxe-button>
<vxe-gantt ref="ganttRef2" v-bind="ganttOptions2"></vxe-gantt>
<vxe-button status="success" @click="resultEvent3">获取数据3</vxe-button>
<vxe-gantt ref="ganttRef3" v-bind="ganttOptions3"></vxe-gantt>
</template>
复制代码
https://gitee.com/x-extends/vxe-gantt
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
vue
table
特图
vxe
gantt
相关帖子
Erupt 1.13.2 版本已发布,支持甘特图,MCP,开源通知模块
Erupt 1.13.2 版本已发布,支持甘特图,MCP,开源通知模块
Erupt 1.13.2 版本已发布,支持甘特图,MCP,开源通知模块
vue2 甘特图 vxe-gantt 一行渲染多个子任务的配置
vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
相关推荐
业界
Erupt 1.13.2 版本已发布,支持甘特图,MCP,开源通知模块
0
10
宗和玉
2026-01-30
业界
Erupt 1.13.2 版本已发布,支持甘特图,MCP,开源通知模块
3
11
迎脾
2026-01-30
业界
Erupt 1.13.2 版本已发布,支持甘特图,MCP,开源通知模块
2
13
雌鲳签
2026-01-30
代码
vue2 甘特图 vxe-gantt 一行渲染多个子任务的配置
1
694
倘伟
2026-01-30
代码
vue 甘特图 vxe-gantt 自定义任务条插槽模板的用法
0
975
厌外
2026-02-02
回复
(13)
粹脍誊
2025-10-12 00:43:21
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
新版吗?好像是停更了吧。
訾懵
2025-11-20 04:56:32
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
这个好,看起来很实用
孟茹云
2025-11-21 22:15:48
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
喜欢鼓捣这些软件,现在用得少,谢谢分享!
铵滔
2025-12-4 17:20:31
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
谢谢分享,辛苦了
榷另辑
2026-1-3 13:38:50
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
感谢,下载保存了
表弊捞
2026-1-14 16:13:23
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
感谢,下载保存了
铝缉惹
2026-1-17 10:19:37
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
鼓励转贴优秀软件安全工具和文档!
蝌棚煌
2026-1-18 05:09:12
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
用心讨论,共获提升!
趣侮
2026-1-20 10:31:35
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
前排留名,哈哈哈
湄圳啸
2026-1-25 11:44:05
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
感谢分享,学习下。
第璋胁
7 天前
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
这个好,看起来很实用
呼延含玉
昨天 12:41
回复
使用道具
举报
照妖镜
猛犸象科技工作室:
网站开发,备案域名,渗透,服务器出租,DDOS/CC攻击,TG加粉引流
懂技术并乐意极积无私分享的人越来越少。珍惜
任佳湍
3 小时前
回复
使用道具
举报
照妖镜
程序园永久vip申请,500美金$,无限下载程序园所有程序/软件/数据/等
懂技术并乐意极积无私分享的人越来越少。珍惜
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
回复
本版积分规则
回帖并转播
回帖后跳转到最后一页
浏览过的版块
安全
签约作者
程序园优秀签约作者
发帖
孔季雅
3 小时前
关注
0
粉丝关注
23
主题发布
板块介绍填写区域,请于后台编辑
财富榜{圆}
3934307807
991124
anyue1937
9994892
kk14977
6845359
4
xiangqian
638210
5
宋子
9939
6
韶又彤
9952
7
闰咄阅
9993
8
刎唇
9995
9
蓬森莉
9921
10
俞瑛瑶
9998
查看更多
今日好文热榜
871
一个昏暗的编程教室,电脑屏幕前坐着一位程
532
C++算法算法训练第十二天
912
语言开发随笔2
878
Ivanti EPMM RCE CVE-2026-1340/1281完整分
741
城市智能体:宜昌点军区算力供应链平台的区
248
微软发布Maia200,它也开始与英伟达谷歌掰
921
微软发布Maia200,它也开始与英伟达谷歌掰
470
选型指南】医用控温仪显示屏如何兼顾IEC606
457
IDEA 终于也能爽用 Claude Code 了!!
855
GIM 2.0 发布:真正让 AI 提交消息可定制、
172
C# 设置 Word 文档背景颜色/背景图
845
妙手ERP荣膺TikTok Shop 2025 H1“优质招商
162
题解:P15049 [UOI 2022 II Stage] 图 2
975
vue 甘特图 vxe-gantt 自定义任务条插槽模
240
Qt 技巧笔记(四)QVector 的底层原理与高
714
零门槛搭建部署 OpenClaw/Moltbot/Clawdbot
763
如何保障分布式IM聊天系统的消息可靠性(即
987
【面试题】MySQL 中 count(*)、count(1) 和
547
MWGA让千亿行代码在Web端“复活”!
30
spring6-多种类型的注入方式