javascript - 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();
  }

标签： javascriptreactjsag-grid

Answer 1

尝试使用 它onFirstDataRendered而不是在onGridReady 数据可用于 ag-grid 之后发生的事件。