Как изменить размер столбцов ag-grid с помощью мыши в Angular Material

В проекте Angular 7 у меня есть аг-сетка с угловым материальным дизайном.

Как изменить размер столбцов сетки, перетащив якорь в заголовке столбца, как здесь: https://www.ag-grid.com/javascript-grid-resizing/#resizing-example

Вот мои параметры gridOptions:

gridOptions: GridOptions = {
  context: {
    componentParent: this
  },
  floatingFilter: false,
  pagination: true,
  paginationPageSize: 100,
  enableColResize: true,
  cacheBlockSize: 100,
  rowDeselection: true,
  rowSelection: 'multiple',
  domLayout: 'autoHeight',
  defaultColDef: {
    sortable: true,
    resizable: true,
    suppressMenu: true,
    enableRowGroup: true,
  },
  rowGroupPanelShow: 'always',
  suppressDragLeaveHidesColumns: true, // Grouping
  suppressMakeColumnVisibleAfterUnGroup: true, // Grouping
  suppressRowClickSelection: true,
  onGridReady: (params: any) => this.onGridReady(params),
  // onRowDoubleClicked: (event) => this.onRowDoubleClick(event.data),
};

а columDefs выглядит так:

var colDef: ColDef = {
  field: key,
  headerName: title,
  headerTooltip: title,
  minWidth: 10,
  maxWidth: 250
};