Source of demo: rtl/run.astro.
Model: createRtlCitiesModel.ts.
Monthly sales of 2,000 branches in Arabic cities. One option mirrors the whole table for Arabic, Hebrew, Persian and
Urdu: the first column is on the right, horizontal scrolling starts on the right, the city stays fixed at the start
(right), the total at the end (left). Switch to ltr to compare – same model, same code. MIT-licensed, no
dependencies.
const tableModel = TableFactory.createTableModel({ rows, // [{ city: "الرياض", country: "السعودية", m1: 15433, … }] properties: ["city", "country", "m1", "m2", "m3"], fixedLeftColumnCount: 1 // "left" = start: the city stays on the RIGHT});const tableOptions = { ...new TableOptions(), direction: "rtl" }; // or "auto": from <html dir="rtl">Docs: instructions.md 6.19 · API: TableOptionsIf.direction, TableApi.getDirection.