Wie kann die Zeilenhöhe mit Ag-Grid dynamisch erhöht werden?

Question

Ich habe eine Tabelle mit AG-Grid. Ich möchte die Zeilenhöhe entsprechend dem Text in der Zelle anpassen. In der Dokumentation https://www.ag-grid.com/javascript-grid-row-height/index.php wurde es für spezifische Spalte angegeben. Aber in meinem Fall kann jede Spalte mehr Text haben. So, wie Sie die Zeilenhöhe entsprechend der größten Textgröße in jeder Spalte anpassen.

$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

Schritt: 1 HTML-Code

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

Schritt: 2 js Code

var rowHeight = 25; 

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

diese Uhr: https://embed.plnkr.co/FEK7wtQfVwUXeYjOh6PK/

Answer 2

Sie können die Höhe der Zeile anhand der Textlänge bestimmen.

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