项目管理软件dhtmlxGantt配置教程（十七）：实现RTL（从右到左）模式

最新推荐文章于 2025-05-08 10:39:10 发布

原创

最新推荐文章于 2025-05-08 10:39:10 发布 · 772 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#项目管理软件 #DHTMLXGantt #甘特图控件 #项目管理工具 #甘特图

本文介绍如何在DHTMLX Gantt中启用RTL（从右到左）模式，调整时间轴和网格布局，使其适应从右到左的阅读顺序。启用此模式后，时间刻度方向和网格行顺序将发生改变。DHTMLX Gantt是一款广泛认可的项目管理工具，适用于多平台和浏览器，提供全面的甘特图解决方案。

您可以在从右到左的模式下使用甘特图控件，该模式通过RTL配置选项启用。将其设置为true将更改时间轴中时间刻度的方向，并将网格中的行顺序更改为从右到左。

gantt.config.rtl = true;

启用RTL模式不会影响甘特图的gantt.config.layout，因此您需要重新定义它以交换网格和时间线的位置。它是通过以下方式完成的：

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