rtl

switches gantt to the right-to-left mode

Example

gantt.config.rtl = true;
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}
    ]
};
gantt.init("gantt_here");

Default value:

false

Related samples

Setting the config option to true will change the direction of the time scale in the timeline and the order of rows in the grid to right-to-left.

It doesn't affect the layout of the gantt, so you'll need to redefine the layout in order to swap the positions of the grid and timeline.

You may also want to set the direction of text for labels used in the gantt.

Back to top