如何在Ag-Grid中以相反的方向显示行索引？

import { ICellRenderer } from 'ag-grid-community';

export class CustomCellRenderer implements ICellRenderer {
  private params: any;

  // 初始化渲染器组件
  init(params: any): void {
    this.params = params;
  }

  // 返回渲染后的HTML元素
  getGui(): HTMLElement {
    const rowIndex = this.params.node.rowIndex + 1;
    const reversedIndex = this.params.api.getDisplayedRowCount() - rowIndex + 1;
    
    const element = document.createElement('div');
    element.classList.add('custom-cell-renderer');
    element.innerText = reversedIndex.toString();
    
    return element;
  }

  // 销毁渲染器组件
  destroy(): void {}
}

const columnDefs = [
  { headerName: '行索引', field: 'index', cellRenderer: 'customCellRenderer' },
  // 其他列定义...
];

// 其他Ag-Grid配置...

import { AgGridModule } from 'ag-grid-angular';
import { CustomCellRenderer } from './custom-cell-renderer.component';

@NgModule({
  declarations: [
    // 其他组件声明...
    CustomCellRenderer,
  ],
  imports: [
    AgGridModule.withComponents([CustomCellRenderer]),
    // 其他模块导入...
  ],
  // 其他配置...
})
export class AppModule {}