如何将动态列宽设置为AG-Grid？

<div id="myGrid" style="height: 500px;"></div>

var gridOptions = {
  columnDefs: [
    { headerName: "姓名", field: "name" },
    { headerName: "年龄", field: "age" },
    { headerName: "城市", field: "city" }
  ],
  rowData: [
    { name: "张三", age: 25, city: "北京" },
    { name: "李四", age: 30, city: "上海" },
    { name: "王五", age: 35, city: "广州" }
  ],
  onGridReady: function() {
    // 在网格准备就绪时执行的回调函数
    // 在这里可以设置动态列宽
    var allColumnIds = [];
    gridOptions.columnApi.getAllColumns().forEach(function(column) {
      allColumnIds.push(column.colId);
    });
    gridOptions.columnApi.autoSizeColumns(allColumnIds);
  }
};

// 创建AG-Grid实例
new agGrid.Grid(document.querySelector("#myGrid"), gridOptions);