由于对ag-grid中的其他列进行排序，如何禁用对序列号列的排序效果

Question

我想要一个固定的序列号列，无论其他列上的排序如何。目前，当我对其他列进行排序时，序列号列也会被交换，从而混淆序列号列的顺序。无论在其他列上排序如何，如何保持它静态？

Answer 1

您的序列号是吗？只是一个增量编号。比如 1、2、3...？如果是这种情况，您可以更新序列号的数据。使用增量然后只需调用

redrawRows()

。如果序列号。是随机数或保存的数据，只需将其先保存在数组中，然后更新序列号的数据。基于保存的数组。使用

onSortChanged()

监听排序更改事件。

Answer 2

对于 Angular（将其发布到此处，因为 ag-grid 已被标记）

如果序列号按递增顺序排列，这应该可行。

 <ag-grid-angular
        class="ag-theme-quartz {{ theme ?? 'primary' }}"
        [gridOptions]="gridOptions"
        [defaultColDef]="defaultColDef"
        [rowData]="rowData"
        [paginationPageSize]="paginationPageSize"
        [animateRows]="true"
        [cacheQuickFilter]="true"
        [pagination]="pagination"
        [paginationPageSizeSelector]="pageSelectorList"
        (gridReady)="onGridReady($event)"
        suppressSizeToFit="true"
      >
      </ag-grid-angular>

  onGridReady(params: GridReadyEvent) {
    this.gridApi = params?.api;
    // this keeps serial number fixed even when sorting.
    this.gridApi.setGridOption('onSortChanged', ()=> {
      this.gridApi.redrawRows();
    });
  }