Как сделать изменяемый размер столбцов ag-grid мышью в Angular Material - PullRequest
Новая
       11

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

0 голосов
/ 04 апреля 2019

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

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

Вот мои параметры сетки: 

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
};
...