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

最新推荐文章于 2023-11-23 15:59:37 发布

小董讲MES

最新推荐文章于 2023-11-23 15:59:37 发布

阅读量539

点赞数

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

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

版权

本文给大家讲解DHTMLX Gantt如何实现RTL（从右到左）模式，欢迎下载正版试用体验。

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

您可以在从右到左的模式下使用甘特图控件，该模式通过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"