项目管理软件dhtmlxGantt配置教程（一）：指定列设置

最新推荐文章于 2024-07-25 14:22:44 发布

小董讲MES

最新推荐文章于 2024-07-25 14:22:44 发布

阅读量2.9k

点赞数 2

分类专栏：资讯更新项目管理工具dhtmlxGantt中文教程内容文章标签： dhtmlxgantt 甘特图 DHTMLXGantt 项目管理工具 Gantt

本文链接：https://blog.csdn.net/HD202202/article/details/127381507

版权

本文介绍了dhtmlxGantt项目管理工具的配置，包括如何自定义显示列如任务名称、开始日期、结束日期等，隐藏特定任务的添加按钮，设置列宽及最小宽度，以及利用数据映射和模板实现复杂数据展示。同时，讨论了文本对齐和CSS样式的应用，帮助优化Gantt图表的用户体验。

摘要由CSDN通过智能技术生成

从本篇文章开始，将给大家带来dhtmlxGantt的配置系列教程讲解，请锁定此专栏，以便第一时间获取更新消息。

1、概述

默认情况下，网格包含4列：

任务名称
开始日期
期间
'+' 列。一个特殊的专栏 name="add"显示“+”号，允许用户为任务添加子项。

参数是一个数组，其中的 columns 每个对象表示一个列。因此，例如，要在网格中定义 5 列：“任务”、“开始日期”、“结束日期”、“持有人”、“进度”，请指定 columns 参数，如下所示：

gantt.config.columns =  [
    {name:"text",       label:"Task name",  tree:true, width:"*" },
    {name:"holder",     label:"Holder",     align:"center" },
    {name:"start_date", label:"Start time", align:"center" },
    {name:"end_date",   label:"End date",   align:"center" },
    {name:"progress",   label:"Progress",   alig