Angular- 编辑 devexpress 数据网格

如何解决Angular- 编辑 devexpress 数据网格

我正在使用 dev express 数据网格来显示记录。单元格模板用于显示组复选框的列中。我正在尝试使列可编辑，但是当我选择单元格时；只有第一行列可编辑。即使我点击第二行单元格，第一行单元格也会被选中和编辑

<dx-data-grid (onToolbarPreparing)="toolbarPreparing($event)" keyExpr="custodianId" [showRowLines]="true"
        [dataSource]="rowData" [allowColumnResizing]="true" class="upload-side-panel-datagrid" 
        (onRowUpdating)="onRowUpdating($event)" (onRowUpdated)="onRowUpdated($event)">
 <dxo-search-panel [visible]="true" [width]="200"></dxo-search-panel>
 <dxo-group-panel [emptyPanelText]="'Find custodian/media..'" [visible]="true"></dxo-group-panel>
 <dxo-grouping [autoExpandAll]="true"></dxo-grouping>
 <dxo-editing mode="cell" [allowUpdating]="true" [startEditAction]="'click'" [allowAdding]="false"
               [useIcons]="false" [texts]="null">
               </dxo-editing>
  <dxi-column dataField="custodianName" caption="Custodian Name" [groupIndex]="0"
          groupCellTemplate="groupCellTemplate" [allowEditing]="false">
  </dxi-column>
  <div *dxTemplate="let s1 of 'groupCellTemplate'">
      <mat-checkbox disableRipple color="primary" (change)="$event ? masterToggle(s1) : null"
            [checked]="selection.hasValue() && isAllSelected(s1)" [indeterminate]="hasSelectedItem(s1)">
            Custodian Name : {{s1.value}}
      </mat-checkbox>
   </div>
   <dxi-column dataField="mediaName" caption="Media Name" cellTemplate="mediaNameTemplate" 
         [allowEditing]="true"></dxi-column>
   <div *dxTemplate="let s2 of 'mediaNameTemplate'">
          <mat-checkbox disableRipple color="primary" (click)="$event.stopPropagation()"
            (change)="$event ? selection.toggle(s2.data) : null" 
          [checked]="selection.isSelected(s2.data)">{{s2.value}}
          </mat-checkbox>
    </div>
    <dxi-column dataField="docCount" caption="File Count" [allowEditing]="false"></dxi-column>
    </dx-data-grid>