项目管理工具dhtmlxGantt甘特图入门教程（四）：如何设置默认布局和滚动条？

最新推荐文章于 2024-05-11 15:56:02 发布

小董讲MES

最新推荐文章于 2024-05-11 15:56:02 发布

阅读量1.5k

点赞数

分类专栏：项目管理工具dhtmlxGantt中文教程内容文章标签：甘特图 gantt dhtmlxgantt 项目管理工具项目管理控件

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

版权

本文介绍了dhtmlxGantt的默认布局配置，包括网格、时间线和调整大小的行。同时，详细阐述了如何设置滚动条，如将网格和时间线视图绑定到垂直滚动条，以及为Grid视图指定独立的水平滚动条。dhtmlxGantt是一款强大的项目管理工具，适用于跨平台应用。

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

这篇文章给大家讲解 dhtmlxGantt的默认布局和滚动条。

默认布局

布局是通过gantt.config.layout配置选项设置的。布局的默认配置如下：

gantt.config.layout = {
    css: "gantt_container",
    rows:[
        {
           cols: [
            {
              // the default grid view  
              view: "grid",  
              scrollX:"scrollHor", 
              scrollY:"scrollVer"
            },
            { resizer: true, width: 1 },
            {
              // the default timeline view
              view: "timeline", 
              scrollX:"scrollHor", 
              scrollY:"scrollVer"
            },
            {
              view: "scrollbar", 
              id:"scrollVer"
            }
        ]},
        {
            view: "scrollbar", 
            id:"scrollHor"
        }
    ]
}