ag-grid 标题在水平滚动时向相反方向移动

Posted 2023-03-28

【中文标题】ag-grid 标题在水平滚动时向相反方向移动

【英文标题】：ag-grid headers move to the opposite direction upon horizontal scroll

【发布时间】：2019-05-24 02:35:28

【问题描述】：

我正在使用带有 angular 5 应用程序的 ag-grid。 该应用程序是 rtl - 从右到左。 在某些网格中，我有一个水平（从右到左）滚动。 我刚刚注意到，当我向左滚动时 - 网格内容向右移动（好的） 但标题向相反的方向移动。

我在网格上启用了 RTL：

<ag-grid-angular #agGrid
                       style="width: 100%; height:100%"
                       id="myGrid"
                       class="ag-theme-balham"
                       [enableRtl]="true"
                       [enableFilter]="true"
                       [enableSorting]="true"
                       [columnDefs]="columnDefs"
                       [suppressDragLeaveHidesColumns]="true"
                       [enableCellChangeFlash]="true"
                       [enableColResize]="true"
                       [getContextMenuItems]="getContextMenuItems"
                       [defaultExportParams]="defaultExportParams"
                       [localeText]="localeText"
                       (gridReady)="onGridReady($event)">
      </ag-grid-angular>

我注意到当我使用 [enableRtl]="true" 时， 我没有看到那个问题，但是网格变成了 LTR（我真的必须使用 RTL）。

感谢您的帮助！

【问题讨论】：

您能在 plunk 或 stackblitz 上重现您的问题吗？

【参考方案1】：

我在 chrome 中使用 ag-grid 20.2.0 和 angular 6 时遇到了这个问题。 只需添加它：

.ag-rootborder:none !important;