我之前也碰到过一模一样的糟心事！只在gridReady里调用一次sizeColumnsToFit()确实不够——这个方法只会在网格初始化时执行一次，窗口尺寸变化后，网格容器宽度已经改变，但列宽不会自动重新适配。下面是几个我亲测有效的方案：

1. 监听窗口 resize 事件，防抖后重新适配列宽 #

核心思路就是在窗口尺寸变化时，重新触发列宽适配，而且要加防抖避免频繁调用影响性能：

代码示例（Angular 环境）： #

import { Component, OnInit, OnDestroy } from '@angular/core';
import { GridApi } from 'ag-grid-community';

@Component({
  // 你的组件元数据
})
export class YourGridComponent implements OnInit, OnDestroy {
  private gridApi: GridApi | undefined;
  private resizeTimer: any;

  onGridReady(params: any) {
    this.gridApi = params.api;
    // 初始化时先做一次适配
    this.adjustColumnWidths();
  }

  ngOnInit() {
    // 监听窗口resize，加300ms防抖
    window.addEventListener('resize', () => {
      clearTimeout(this.resizeTimer);
      this.resizeTimer = setTimeout(() => {
        this.adjustColumnWidths();
      }, 300);
    });
  }

  ngOnDestroy() {
    // 组件销毁时清理监听和定时器，防止内存泄漏
    window.removeEventListener('resize', this.resizeTimer);
    if (this.resizeTimer) clearTimeout(this.resizeTimer);
  }

  private adjustColumnWidths() {
    if (this.gridApi) {
      // 加个短延时确保网格布局稳定后再调整，避免计算偏差
      setTimeout(() => {
        this.gridApi.sizeColumnsToFit();
      }, 50);
    }
  }
}

2. 调整网格容器的CSS样式兜底 #

有时候水平滚动条出现，是因为网格容器的宽度计算有偏差（比如容器带padding/border却没开box-sizing），导致实际可用宽度比预期小。给容器加个样式修正：

.ag-grid-container {
  width: 100%;
  box-sizing: border-box;
}

3. 特殊场景兜底：少量行时强制隐藏滚动条 #

如果只是在数据行很少的时候不想看到滚动条，可以用CSS临时隐藏，但注意这是“硬处理”，列内容真溢出时也会被隐藏，建议优先用前两个方案：

.ag-body-horizontal-scroll-viewport {
  overflow-x: hidden !important;
}

这些方法组合起来，基本能彻底解决你遇到的偶尔出现水平滚动条的问题，我自己用方案1+2的组合，已经很久没碰到这个困扰了~

内容的提问来源于stack exchange，提问作者user122222