javascript - 尽管在 ag-grid 中使用了 sizeColumnsToFit，但不必要的水平滚动条出现了

Question

我已将我的 ag-grid 版本从 7.2.0 升级到 v14.2.0。当我将 sizeColumnsToFit() api 与 onGridReady 或 onGridSizeChanged 事件一起使用时，它可以工作，但它保留了不必要的水平滚动，可能是由于计算错误网格宽度。

这个问题(？)也可以在 ag-grid 的官方示例中看到，

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

对于以前的版本，这在没有任何水平滚动的情况下完全可以正常工作。

当我手动调用 $scope.gridOptions.api.sizeColumnsToFit() 时，它会移除水平滚动条。

这是我的网格选项:

        $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
        };

我知道我可以使用属性 suppressHorizo​​ntalScroll= true。但我不想使用它，因为有了它，当用户手动调整列大小时滚动将不会出现。

Answer 1

我遇到了相同/相似的问题。根本问题是我在添加垂直滚动条之前调整了列的大小。要解决此问题，请在添加行后调整大小。即使这样，如果没有超时，它也可能无法工作

    this.http.get('someEndPoint').subscribe(rows => {
      this.rowData = rows;
      setTimeout(()=>{params.api.sizeColumnsToFit()}, 50);
    });

这可能与 OP 看到的症状不同，但可能对其他人有用。