在 AgGridReact 的 onGridReady 回调函数中,将 gridApi.sizeColumnsToFit() 方法的调用移至 setTimeout 函数中,以便等待组件渲染完成后再执行自适应列宽度的操作。
示例代码:
import React, { Component } from 'react';
import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-balham.css';
class App extends Component {
constructor(props) {
super(props);
this.state = {
columnDefs: [{
headerName: "Make", field: "make"
}, {
headerName: "Model", field: "model"
}, {
headerName: "Price", field: "price"
}],
rowData: [{
make: "Toyota", model: "Celica", price: 35000
}, {
make: "Ford", model: "Mondeo", price: 32000
}, {
make: "Porsche", model: "Boxter", price: 72000
}]
};
}
onGridReady = (params) => {
this.gridApi = params.api;
setTimeout(() => {
this.gridApi.sizeColumnsToFit();
}, 0);
}
render() {
return (
);
}
}
export default App;
上一篇:AGGridReactInsideaMUIDialogdoesn'tapplystyle
下一篇:Aggridreact警告:useState()和useReducer()Hooks的状态更新不支持第二个回调参数