如何在AgGrid分页PageSizeSelector中显示所有行？

Question

代码

gridOptions = {
                 pagination: true,
                 paginationPageSize: 10,
                 paginationPageSizeSelector: [10,20,30]
                 etc....
                }  

首先在 AgGrid 选项中

paginationPageSizeSelector = [10,20,50] 

将会在那里

问题如何像这样添加所有内容

[10, 20, 50, All]

并将

pageSize

的

ALL

定义为总行数

或者 其次如何像这样显示自定义

pagenationPageSizeSelector

paginationPageSizeSelector = ['10', '20', '1000 (slow)', 'All')] 

Answer 1

我已经在ag-grid中以类似角度创建了自定义分页

   <ng-select [clearable]="false" [items]="numberList" bindLabel="value" [(ngModel)]="selectedOption"
            class="customPagination pagination-icon" (change)="onPageSizeChanged($event)" [searchable]="false">
        </ng-select>

TS

 numberList = [
    { id: 1, value: '10' },
    { id: 2, value: '25' },
    { id: 3, value: '50' },
    { id: 4, value: '100' },
    // { id: 5, value: 'All' }
  ];
     onPageSizeChanged(newValue: any): void {
        this.pageSize = newValue.value;
        this.selectedOption = newValue;
        newValue.value == 'All' ? this.params.onPageSizeChanged(this.totalCount) : this.params.onPageSizeChanged(newValue.value);
      }

现在

async onPageSizeChanged(newValue: any) {
    this.pageSize = Number(newValue);
    this.isClientSide = this.gridData?.length == Number(newValue) ? false : true;
    delayedFunctionCall(this.changePageSizeForAll, 0, this, newValue);
  }

该函数添加在 aggrid.component.ts 文件中