找回密码
 立即注册
首页 资源区 代码 vue甘特图 vxe-gantt 如何将子任务显示一行在父级中,父 ...

vue甘特图 vxe-gantt 如何将子任务显示一行在父级中,父级行内渲染显示子任务的用法

杼氖 3 天前
vue甘特图 vxe-gantt 如何将子任务显示一行在父级中,父级行内渲染显示子任务的用法,行内展示子任务由 task-bar-subview-config 和父级任务设置type= VxeGanttTaskType.Subview 来启用。启用后会将所有子任务渲染到父级任务中,可以直观的看到任务全程进度, task-bar-subview-config.showOverview 设置是否任务总览,当子任务被展开后自动显示任务总览
https://gantt.vxeui.com
当没展开子任务时,自动将所有子任务渲染到父级中。可以直接看到任务总览
1.png

展开子任务后,自动按每行渲染任务条
2.png

还可以通过 task-bar-config.barStyle.overviewBgColor 自定义总览任务条颜色
  1. <template>
  2.   
  3.     <vxe-gantt v-bind="ganttOptions"></vxe-gantt>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-gantt

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

您需要登录后才可以回帖 登录 | 立即注册