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

Question

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

* {
direction: rtl;
}

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

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

Answer 1

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