RTL (Rechts-nach-links) Modus

Das Gantt-Diagramm kann im Rechts-nach-links-Modus angezeigt werden, indem die rtl Konfigurationsoption verwendet wird. Wenn diese Option auf true gesetzt ist, wechselt die Zeitskala der Zeitleiste und die Reihenfolge der Zeilen im Raster auf rechts-nach-links.

gantt.config.rtl = true;

Beachten Sie, dass das Aktivieren des RTL-Modus nicht automatisch das gantt.config.layout anpasst. Um die Positionen von Raster und Zeitleiste zu tauschen, müssen Sie das Layout manuell neu definieren. So geht's:

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}
    ]
};

Related sample:  Right to left gantt

Zusätzlich möchten Sie möglicherweise die Textrichtung für Beschriftungen im Gantt-Diagramm anpassen. Weitere Details dazu finden Sie in der CSS direction Dokumentation.

Zurück nach oben