angular-grid - 行数に基づくangulargridの動的な高さ

Question

テーブル グリッドにangulargridライブラリを使用しています。angulargrid の行数に基づいて動的な高さを実装し、テーブルをページ全体に合わせて、現在のように小さなテーブルのデータをスクロールしないようにしようとしています。そのために、このタスクを達成するのに役立つ関数を書きました。

My code: angularjs

  var columnDefs = [

  {headerName:”headerName1” field: “field1”}
  {headerName:”headerName2” field: “field2”}

];
 var rowData = [];
 scope.gridOptions = {
                       columnDefs:              columnDefs,
                       rowData:                 null,
                       pinnedColumnCount:       2,
                       dontUseScrolls:       true,
                       angularCompileRows:      true,
                       enableSorting:           true,
                       enableCellExpressions:    true,
                       enableFilter:            true,
                       rowSelection:           'multiple',
                       groupSuppressAutoColumn: true,
                       groupIncludeFooter:      false,
                       groupHidePivotColumns:true,
                       groupUseEntireRow:       true,


    function setHeight(more) {
         scope.height = (($scope.gridOptions.data.length * 30) + 30);
         if (more) {
               scope.height += more
         }
       scope.gridOptions.api.gridHeight = scope.height;


  HTML:
 <div 
  ag-grid="gridOptions" class="ag-fresh" style="width: 100%; height: 600px;" >

 </div>                             

グリッドのサイズを動的に変更することはありません。私のデータには何も起こりません。なぜこれが機能しないのか、誰かが私を助けてくれますか?