אחרי שהחלטת על אלמנט פשוט תמצא בפירוט חוקי הCSS שחלים עליו (ליד איפה שהעץ אלמנטים) מקום עם חוקים שמתייחסים לרשימה טובה ומאפיינת של קלאסים. דוגמא:

1. בחרתי את האלמנט
2. זה האלמנט, שים לב לקלאסים
3. אלה החוקים שחלים עליו, כאן אפשר לעמוד מעל קלאסים ולראות כמה הצירוף קלאסים הזה משפיע בעמוד. דוגמא:
   
   כשעמדתי עם העכבר כאן - 1 - זה הדגיש את המודגש ב2. בחרתי בזה ולא בכלל שמעליו כי הוא משפיע גם על הכותרות ונראה לי לא טוב לשנות את הכותרות.

אחרי שבחרנו את הצירוף קלאסים הכי מתאים לנו, שמשפיע על המקומות שהכי מתאימים, פשוט נוסיף לו כלל של direction: rtl ונראה את ההשפעה.
אצלי זה דווקא יוצא טוב:

הכלל הרלוונטי שיצא לי הוא:

.dataRow:not(.header) .cell {
  direction: rtl;
}

אפשר לגמרי לשים את זה בStylus ויעבוד.

אני משתמש בתכנת AIRTABLE

בזמנו עבדתי עם איירטייבל, ומישהו שלח לי תוסף לא ארוז שמשנה את הממשק.
לא יודע אם הוא עדיין תואם, בכל מקרה יש מייל בתוך התיקיה, נסה ליצור קשר עם המפתח.
זה מה שהוא שלח לי בזמנו.
תוסף כרום-20251230T200110Z-1-001.zip

אם יש בעיית זכויות יוצרים אפשר לפנות אלי במייל שבביו.

אי-אפשר לגרום ל-RTL אמיתי בדף הזה באמצעות CSS

לא עכשיו, ולא “עם קוד נכון”.

למה זה סופי (מבוסס על הקובץ המלא)

בדף שצירפת מתקיימים כל התנאים שחוסמים RTL ב-CSS בלבד:

ה-Grid מבוסס ReactVirtualized

<div class="ReactVirtualized__Grid" style="direction: ltr; ...">

הכיוון (direction: ltr) מוזרק inline ע״י JS
→ CSS לא יכול לדרוס את זה בצורה יציבה.
אין לי הבנה בעניין, ולכן אני לא מתכוון להשתגע עם GPT ולהמשיך לקבל את אותה תוצאה
בכל אופן תודה לכולם על ההתיחסות

האם התוסף הזה מסדר לך את בעיית היישור בעת הגלישה באתר?

לא , זה הופך את השלד לRTL אבל את כל השורות דוחף "מחוץ למסך"
אגב , אין לי שום הבנה בריאקטים . זה לא הפתרון בשבילי