vxe-gantt

简体中文 | 繁體中文 | English | 日本語

一个基于 Vxe UI 的企业级甘特图组件

• 设计理念

  • 面向现代浏览器，高效的简洁 API 设计

• 版本说明

  • V4
    • v4.0 基于 vue3.2+，适配 vxe-table 3.18+，只支持现代浏览器，不支持 IE
  • V3
    • v3.0 基于 vue2.6~2.7，适配 vxe-table 4.16+，只支持现代浏览器，不支持 IE
  • V2
    • v2.0 基于 vue2.6+，停止维护
  • V1
    • v1.0 基于 vue2.6+，停止维护

浏览器支持

80+ ✔	80+ ✔	90+ ✔	75+ ✔	10+ ✔

在线文档

👉 基础库
👉 表格库
👉 甘特图
👉 可视化

QQ 交流群

该群供大家交流問題，如果群人数已满，将会不定期剔除不活跃的。

功能点

👀 Vxe Gantt

• 左侧渲染表格
• 右侧渲染视图
• 任务视图
  • 年视图
  • 季度视图
  • 月视图
  • 周视图
  • 星期视图
  • 日视图
  • 小数视图
  • 分钟视图
  • 秒视图
• 子任务
• 日期轴
• 里程碑
• 虚拟滚动
• CSS 变量主题
• (企业版) 依赖线连接线
• (企业版) 任务条可拖拽
• (企业版) 可视化创建依赖线

安装

版本：vue 3.x

npm install vxe-pc-ui vxe-table vxe-gantt

Get on unpkg and cdnjs

NPM

// ...
import VxeUIBase from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'

import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'

import VxeUIGantt from 'vxe-gantt'
import 'vxe-gantt/lib/style.css'
// ...

createApp(App).use(VxeUIBase).use(VxeUITable).use(VxeUIGantt).mount('#app')

License

MIT © 2025-present, Xu Liangzhan