出现这个问题是因为AG Grid社区版React版本默认采用的是企业版的rowModelType,而社区版并不支持这种类型。需要手动设置rowModelType为"clientSide"。
具体的代码示例:
import {AgGridReact} from 'ag-grid-react';
function MyGrid() { const [rowData, setRowData] = useState([]); const [gridApi, setGridApi] = useState(null); const [gridColumnApi, setGridColumnApi] = useState(null);
const onGridReady = (params) => { setGridApi(params.api); setGridColumnApi(params.columnApi); };
const columnDefs = [ { headerName: 'Make', field: 'make' }, { headerName: 'Model', field: 'model' }, { headerName: 'Price', field: 'price' } ];
const defaultColDef = { flex: 1, minWidth: 100, filter: true, sortable: true, resizable: true };
const gridOptions = { rowModelType: 'clientSide', //手动设置rowModelType为"clientSide" pagination: true };
return (
注意,在代码示例中,需要将gridOptions作为props传递给AgGridReact组件。在gridOptions中手动设置rowModelType为"clientSide"即可解决该问题。