Ask Your Question
4

What is the process for establishing the default minimum and maximum column width in ag-grid?

asked 2022-08-13 11:00:00 +0000

woof gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
2

answered 2021-04-11 21:00:00 +0000

djk gravatar image

The default minimum and maximum column width in ag-grid can be established in the following way:

  1. Set the default minimum and maximum column width in the grid options:
var gridOptions = {
    //...
    colMinWidth: 100,
    colMaxWidth: 500
};
  1. If you want to override these values for a specific column, you can set the minWidth and maxWidth properties in the column definition:
var columnDefs = [
    { field: 'athlete', minWidth: 150, maxWidth: 300 },
    { field: 'country' },
    { field: 'year' },
    { field: 'gold' },
    { field: 'silver' },
    { field: 'bronze' }
];
  1. You can also use callbacks to dynamically calculate the minimum and maximum column width based on the content of the cells. For example, you can use the processCellForClipboard callback to calculate the width of the cell content:
var gridOptions = {
    //...
    processCellForClipboard: function(params) {
        var cellWidth = calculateCellWidth(params.value);
        var newParams = { value: params.value, $scope: params.$scope };
        newParams.$scope.$agGridCellWidth = cellWidth;
        return newParams;
    },
    getColWidth: function(params) {
        var cellWidth = params.$scope.$agGridCellWidth;
        return cellWidth + 20; // add some padding
    }
};

function calculateCellWidth(value) {
    // calculate the width of the cell content
}
edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2022-08-13 11:00:00 +0000

Seen: 12 times

Last updated: Apr 11 '21