ag-Grid：试图调用sizeColumnsToFit（），但是网格返回的宽度为零，也许网格在屏幕上还不可见？

Question

 # in html xyz.commponent.tz

<tabset #staticTabs>
    <tab heading="User">
      <ag-grid-angular
        style="width: 100%; height: 500px;"
        class="ag-theme-material"
        [rowData]="rowData"
        [columnDefs]="columnDefs"
        [gridOptions]="gridOptions"
      >
      </ag-grid-angular>
    </tab>
    <tab heading="Whitelisted User" >
      <ag-grid-angular
        style="width: 100%; height: 500px;"
        class="ag-theme-material"
        [rowData]="rowData1"
        [columnDefs]="columnDefs1"
        [gridOptions]="gridOptions"
      >
      </ag-grid-angular>
    </tab>
    <tab heading="Blacklisted User">
      <ag-grid-angular
        style="width: 100%; height: 500px;"
        class="ag-theme-material"
        [rowData]="rowData2"
        [columnDefs]="columnDefs2"
        [gridOptions]="gridOptions"
      >
      </ag-grid-angular>
    </tab>

  </tabset>
#in xyz.component.ts
constructor() {
this.gridOptions = {
  onGridReady: () => {
    this.gridOptions.api.sizeColumnsToFit();
  },
};}

我想调整所有3个农业网格的大小，但没有人被调整大小。它没有在控制台中显示任何错误，但显示了此ag-Grid：试图调用sizeColumnsToFit（），但网格返回的宽度为零，也许网格在屏幕上尚不可见？

Answer 1

[这是ag-grid angular的问题之一，当他们引入此回调时在v16中已解决-onFirstDataRendered

尝试在onFirstDataRendered中而不是onGridReady-中调用调整大小的代码

  onFirstDataRendered(params) {
    params.api.sizeColumnsToFit();
  }