我正在使用jQuery。在document.ready函数之外,我正在设置我的ag-grid。
const columnDefs = [
{ headerName: 'ID', field: 'id' },
{ headerName: 'Name', field: 'name' },
{ headerName: 'Age', field: 'age' }
];
const gridOptions = {
defaultColDef: {
resizable: true
},
columnDefs: columnDefs,
enableSorting: true,
enableFilter: true,
onFirstDataRendered: onFirstDataRendered,
};
document.addEventListener('DOMContentLoaded', function () {
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv, gridOptions);
});
function onFirstDataRendered(params) {
params.api.sizeColumnsToFit();
}
文档指出使用OnFirstDataRendered进行调整大小,但我收到了一个无效的GridOptions警告。我忽略了警告并继续操作。通过API调用设置网格行:
gridOptions.api.setRowData(gridData)
但调整大小方法未被调用,因此我的列没有被调整大小。我尝试使用onRowDataUpdated,但结果相同,该函数没有被触发且不会调整列大小。