当 HScroll 滚动超过列边框时，固定列文本与非固定列文本重叠

Question

在下图中，您可以看到当具有“fixedLeft”属性的列滚动过去时，文本会重叠。在这种情况下，当第二列超过“固​​定左列”的右边界时，向右滚动将触发文本溢出。关于造成这种情况的任何想法？

（它似乎与rowAlternationEnabled有关。浅灰色样式的行不显示重叠文本，而白色样式的备用行重叠）

网格配置：

  <dx-data-grid class="list-page-data-grid"
    [class.hideHeader]="!dataLoaded"
    #DataGrid
    [dataSource]="gridData"
    keyExpr="OID"
    [allowColumnReordering]="true"
    [rowAlternationEnabled]="true"
    [showBorders]="false"
    [showColumnLines]="false"
    [allowColumnResizing]="true"
    columnResizingMode="widget"
    [columnAutoWidth]="true"
    [height]="'100%'"
    [hoverStateEnabled]="true"
    (onRowClick)="gridRowClick($event)"
    (onCellClick)="gridCellClick($event)"
    [visible]="!showMap"
    [filterSyncEnabled]="true"
    [customizeColumns]="customizeColumns"
    [wordWrapEnabled]="true"
    [width]="'100%'"
    [columnMinWidth]="32"
  >
    <dxo-column-fixing [enabled]="true"
    ></dxo-column-fixing>

Answer 1

这是有效的。

.dx-datagrid .dx-data-row:not(.dx-row-alt) > td {
    background-color: $white;
}