ag-grid react 不自動適應列寬

Question

我有以下ag-grid配置。 不知何故，即使在執行this.gridApi.sizeColumnsToFit()之后，我的每一列都不適合。 最重要的是，我不能為每列指定寬度，因為它是從服務器動態加載的，並且每次加載文件時，我可能都有動態范圍的列。

如何適合網格中每一列的列寬？

  <div id="mygrid" className="ag-theme-alpine" style={{ width: '100%', height: 720 }}>
       <AgGridReact
           columnDefs={this.state.columnDefs}
           defaultColDef={{ resizable: true }}
           rowData={this.state.rowData}
           onGridReady={this.onGridReady.bind(this)}
           onCellValueChanged={this.onCellValueChanged}
       />
  </div>

  onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;

    this.gridApi.sizeColumnsToFit();
  }

Answer 1

嘗試使用onFirstDataRendered而不是onGridReady ，這是在數據可用於 ag-grid 之后發生的事件。

Answer 2

添加以下行：

onFirstDataRendered : (params) => {
   params.api.sizeColumnsToFit();
},