不要な水平スクロールバーがag-gridでsizeColumnsToFitを使用することを歓迎します

Question

私は、グリッドバージョンを7.2.0からv14.2.0にアップグレードしました。私はonGridReadyまたはonGridSizeChangedイベントでsizeColumnsToFit（）APIを使用すると動作しますが、不要な水平スクロールを保持しますが、グリッド幅の計算が間違っている可能性があります。

この問題は（？）、ここでもAG-グリッドの公式の例で見られる以前のバージョンで

https://www.ag-grid.com/javascript-grid-responsiveness/#example-example1

、これは任意の水平方向のスクロールせずに完全に正常に動作することができます。

$ scope.gridOptions.api.sizeColumnsToFit（）を手動で呼び出すと、水平スクロールが削除されます。私はプロパティsuppressHorizo​​ntalScroll = trueを使用することができます知っている

 $scope.ag_grid_options = { 
      headerHeight: 50, 
      rowHeight: 50, 
      //rowModelType: 'virtual', 
      rowModelType: 'infinite', 
      rowBuffer: 0, 
      cacheOverflowSize: 1, 
      infiniteInitialRowCount: 1, 
      cacheBlockSize: 50, 
      paginationPageSize: 50, 
      //virtualPaging: true, 
      enableServerSideSorting: true, 
      enableSorting: false, 
      enableColResize: true, 
      angularCompileRows: true, 
      onGridSizeChanged: function (param) { 
       $scope.ag_grid_options.api.doLayout(); 
       $scope.ag_grid_options.api.sizeColumnsToFit(); 
      }, 
      columnDefs: grid_column_definitions 
     }; 

：

は、ここに私のgridOptionsです。しかし、これを使用したくないのは、ユーザーが列のサイズを手動で変更するときにスクロールが表示されないためです。

Answer 1

これはバグではありません。すべての列の合計幅カウントがラッパーより大きい場合、スクロールバーが表示されます。 headerFieldsのminWidth/maxWidthプロパティを変更しても問題ありません。

var columnDefs = [ 
    {headerName: 'Athlete', field: 'athlete', minWidth: 150}, 
    {headerName: 'Age', field: 'age', minWidth: 50}, 
    {headerName: 'Country', field: 'country', minWidth: 120}, 
    {headerName: 'Year', field: 'year', minWidth: 90}, 
    {headerName: 'Date', field: 'date', minWidth: 110} 
];