一、安装依赖
npm i wl-gantt --save
或
npm i wl-gantt -S
import wlGantt from 'wl-gantt'
import "wl-gantt/lib/wl-gantt.css"
Vue.use(wlGantt)
二、示例图
三、我们美丽的产品提出一个需求:把任务类型和负责人放在序号后面,名称前面
<wlGantt ref="wl-gantt"
lazy
:key="currentProject"
:edit="false"
use-real-time
use-index-column
:end-date="endDate"
:start-date="startDate"
date-type="monthAndDay"
:data="ganttData"
:options="ganttOptions">
<el-table-column fixed width="80" prop="taskType" label="任务类型"></el-table-column>
<el-table-column fixed width="60" prop="createBy" label="负责人"></el-table-column>
</wlGantt>
只是实现了加column 确没有排序,有没有大佬实现的,可以在https://github.com/hql7/wl-gantt回复