如何使用Ag-Grid动态增加行高？

Question

I have a table using ag-Grid. I would like to adjust the row height according to the text in the cell. In documentation https://www.ag-grid.com/javascript-grid-row-height/index.php it was given for specific column. But in my case any column can have more text. So how to adjust the row height according to the largest text size in any of the column.

$scope.gridOptions = {
            angularCompileRows: true,
            enableColResize: true,
            enableSorting: true,
            enableFilter: true,
            groupHeaders: true,
            suppressCellSelection: true,
            columnDefs: cols,
            rowData: statusPageObj.rows,
            onGridReady: opmGridReady,
            angularCompileRows: true,
            headerHeight: 45,
            /*rowHeight: 50,*/
            getRowHeight: function(params) {
               return 50;
            }

        };

Answer 1

step:1 html code

<button onclick="setrowHeight(50)">50px</button>

step:2 js code

var rowHeight = 25;

function setrowHeight(height) {
    rowHeight = height;
    gridOptions.api.resetRowHeights();
}

watch this : https://embed.plnkr.co/FEK7wtQfVwUXeYjOh6PK/

Answer 2

You can determine the height of the row based on the text-length.

gridOptions.getRowHeight = function() {
     return 18 * (Math.floor(params.data.myDataField.length / 45) + 1);
}