javascript - Angular 在 RTL 模式下的 UI-Grid 以与 columnDefs 顺序相反的错误顺序显示数据

Question

我在 _Layout.cshtml 中有一个 css，它将所有 ui 控件分配给 rtl 方向，如下所示：

            * {
            direction: rtl;
        }

我正在使用 Angulars UI-Grid，在 RTL 本地化中，columnDefs 出现在正确的方向，但是，相关数据的出现顺序与 columnDefs 的顺序相反，如附图 [Reversed-RTL][1] 中所述

请告知，如何更改 RTL 本地化中的数据顺序以匹配 columnDefs 的顺序。注意：在 LTR 本地化中，UI-Grid 以正确的顺序显示 columnDefs 和数据。

标签： javascriptangularjsangularangular-ui-gridright-to-left

Answer 1

显然，必须将 dir="rtl" 显式分配给元素内的 ui-grid，我认为 _Layout.cshtml 中的 *{direction=rtl;} 被 bu ui-grid css 覆盖。