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

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

字符串
这可能是一个不同的症状比什么OP看到，但可能是有用的其他人。

对我来说，最好的解决方案是在modelUpdated事件上调用API.sizeColumnsToFit（）
无需设置宽度和宽度
示例代码：

<ag-grid-angular
  [defaultColDef]="defaultColumnDefs"
  [columnDefs]="columnDefs"
  [rowData]="data"
  (gridReady)="onGridReady($event)"
  (modelUpdated)="onModelUpdated()"
>
</ag-grid-angular>

字符串
在onModelUpdated（）中应该调用API.sizeColumnsToFit

private gridApi;

onGridReady(params): void {
  this.gridApi = params.api;
}

onModelUpdated(): void {
  this.sizeToFit();
}

sizeToFit(): void {
  this.gridApi.sizeColumnsToFit();
}

型

这不是一个bug，这是一个特性。如果所有列的总宽度计数大于你的 Package 器，就会出现一个滚动条。你应该改变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}
];

字符串

**旁注：**如果网格数据由于范围更改或未初始定义而更改，则需要在新的diggest圆（如setTimeout(() => {this.gridApi.sizeColumnsToFit();});）中调用sizeColumnsToFit()。

有点晚，但对于那些谁正在寻找完全禁用水平滚动或调整水平滚动的高度（甚至设置为0）.你还必须设置scrollbarWidth .

gridOptions: {
   suppressHorizontalScroll: true,
   scrollbarWidth: 0
}

字符串
您可以在这里查看AgGrid的源代码，了解它们如何处理水平滚动：https://github.com/ag-grid/ag-grid/blob/996ffcdcb828ffa3448d57fa919feb9eb465df15/community-modules/core/src/ts/gridPanel/gridPanel.ts#L889

另一个可能的解决方案，刚刚向我介绍了一个同事：
在列定义中，您可以通过计算客户端宽度，然后将其除以列数来设置每个列的宽度：

width: (document.documentElement.clientWidth - 40) / (this.numColumns)

字符串
在这种情况下，40是网格两侧的填充之和（20左+ 20右）。

这个问题在v22中仍然存在，上面的解决方案似乎并不理想。我发现的最好的解决方案是在onModelUpdated事件处理程序中调用sizeColumnsToFit。参见https://github.com/ag-grid/ag-grid/issues/2310。

• 对于滚动条中出现的大滚动 *，我们需要利用网格上的onGridReady事件，该事件在回调函数中给出gridApi作为参数，并利用sizeColumnsToFit函数来保持工作。
• 如果滚动条的长度很小，则它是由于垂直侧边栏的宽度（由于网格垂直高度的变化）而出现的。
  我的解决方案：

1.找到导致垂直滚动条出现的元素的选择器。
1.它会有overflow/overflow-y到“自动/滚动”。使它overflow/overflow-y到“覆盖”将解决您的问题。
这对我来说在任何地方都有效。

这种方法适用于Angular 2+，在firstDataRendered事件中使用sizeColumnsToFit（），而不是gridReady或gridSizeChanged事件，它将删除水平滚动条。

<ag-grid-angular
  [defaultColDef]="defaultColumnDefs"
  [columnDefs]="columnDefs"
  [rowData]="data"
  (gridReady)="onGridReady($event)"
  (firstDataRendered)="onFirstDataRendered($event)">
 </ag-grid-angular>

个字符

我添加了以下CSS，它似乎解决了这个问题（我使用ag-grid 28.1.1）：

.ag-center-cols-viewport {
    overflow-x: hidden;
}

字符串