ag-grid react 不自动适应列宽

Question

我有以下ag-gridconfigurations。不知何故，即使在执行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 之后发生的事件。