Skip to main content

rtl

Description​

Switches gantt to the right-to-left mode

rtl: boolean

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

Details​

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.