AG-Grid Angular -如何禁用loadingCellRenderer？

import { GridOptions } from 'ag-grid-community';
import { AgGridAngular } from 'ag-grid-angular';

export class YourComponent {
  gridOptions: GridOptions;
  rowData: any[];

  constructor() {
    this.gridOptions = {
      // 其他配置选项...
      loadingCellRenderer: 'yourCustomLoadingCellRenderer',
    };

    this.rowData = []; // 设置表格数据
  }
}

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

@Component({
  selector: 'your-custom-loading-cell-renderer',
  template: `
    <!-- 自定义加载时显示的内容 -->
    <div class="loading-spinner">
      <i class="fa fa-spinner fa-spin"></i>
      <span>Loading...</span>
    </div>
  `,
})
export class YourCustomLoadingCellRenderer implements ICellRendererAngularComp {
  // 实现接口中的方法
  agInit(params: ILoadingCellRendererParams): void {}

  refresh(params: ILoadingCellRendererParams): boolean {
    return false; // 禁用刷新
  }
}

<ag-grid-angular
  style="width: 100%; height: 100%;"
  class="ag-theme-alpine"
  [gridOptions]="gridOptions"
  [rowData]="rowData"
>
</ag-grid-angular>

import { YourCustomLoadingCellRenderer } from './your-custom-loading-cell-renderer.component';

@NgModule({
  declarations: [
    YourCustomLoadingCellRenderer,
  ],
  // 其他模块配置...
})
export class YourModule {
  constructor(private componentFactoryResolver: ComponentFactoryResolver) {
    // 将自定义的loadingCellRenderer组件添加到AG-Grid的组件注册表中
    this.componentFactoryResolver.resolveComponentFactory(YourCustomLoadingCellRenderer);
  }
}