I am using ag-grid library for advanced data grid.

In ag-grid library, I can define "minWidth" and "maxWidth" attributes in "columnDefs" to set minimum and maximum width for particular column.

But is there any option to set default min and max width for each column to set re-sizing boundaries for columns?

I am using ag-grid library for advanced data grid.

In ag-grid library, I can define "minWidth" and "maxWidth" attributes in "columnDefs" to set minimum and maximum width for particular column.

But is there any option to set default min and max width for each column to set re-sizing boundaries for columns?

• javascript
• angularjs
• ag-grid

4 Answers 4

Have a single function in the scope to define column widths and heights.

$scope.monWidth = function() {
      return 50 + calcDynWidth();    //Dummy function
}


$scope.gridOptions = {
   columnDefs: [
      {headerName: 'Name', minWidth: $scope.monWidth()}
   ]
}

For AG Grid React, giving the maxWidth and minWidth in the column definition worked for me.

For eg:

const defaultColDef = {
  minWidth:200,
  maxWidth:400,
}

Here i'm setting the values as 200 and 400 which can be replaced by any variable value according to your use-case.

The same can be applied to individual column definitions also.

There is the auto-size-strategy which lets you define the default behavior for the grid which you can use like this.

const gridOptions = {
    autoSizeStrategy: {
        type: 'fitCellContents'
    },

    // other grid options ...
}

The next two Entries in the Docs might also be interesting. (autoSizeColumns, autoSizeAllColumns)

This works for me:

<ag-grid-angular
      [defaultColDef]="defaultColDef"



public defaultColDef: ColDef = {
    wrapHeaderText: true,
    autoHeaderHeight: true,
    minWidth: 100,
    floatingFilterComponent: 'myCustomFilter',
    filter: 'myCustomFilter',
    type: ['defaultColumn'],
    sortable: true,
  };

The minWith property is the key