原文地址: https://www.jeremyjone.com/718/,转载请注明。
基于Vue的Gantt组件
工作需要,要实现甘特图,之前实现了一版,但是有些问题,干脆撸一个单独的组件出来,打包封装直接使用,这样也更加灵活。
虽然不比专业的,但是小功能足够用了,展示,拖动,后续可能会添加新功能。
话不多说,直接上图。
功能
- 树形数据结构展示,支持动态增减
- 自定义左侧表格的列内容
- 自定义右侧甘特条的内容
- 任意拖动甘特条以修改时间
更多功能,可以查看文档。
使用
组件已经发布到 npm
,使用 npm
或者 yarn
都可以下载安装。
安装:
npm install jz-gantt --save
# o