switches gantt to the right-to-left mode

boolean rtl;


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}

Default value:


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.

See also
Back to top