vue wl-gantt 怎么给甘特图自定义配置列

一、安装依赖

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)

二、示例图

  • image.png

三、我们美丽的产品提出一个需求:把任务类型和负责人放在序号后面,名称前面

<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>
  • 企业微信截图_17242943913784.png

只是实现了加column 确没有排序,有没有大佬实现的,可以在https://github.com/hql7/wl-gantt回复

  • 企业微信截图_17242940172899.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容