You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何移除Ag Grid serverSide模式下的加载spinner?

AG Grid ServerSide模式下加载Spinner无法用hideOverlay移除的解决办法
  • 配置项直接禁用
    在gridOptions中添加对应配置,关闭目标Spinner:

    const gridOptions = {
      rowModelType: 'serverSide',
      // 关闭全局全屏加载Spinner
      suppressLoadingOverlay: true,
      // 关闭行组展开时的行内加载Spinner
      suppressLoadingGroup: true
    };
    

    根据你实际遇到的Spinner类型,选择其中一项或同时添加两项。

  • CSS强制隐藏
    若配置方式无效,直接通过CSS隐藏AG Grid内置的加载元素:

    /* 隐藏全局加载Spinner */
    .ag-overlay-loading-wrapper {
      display: none !important;
    }
    
    /* 隐藏行组加载Spinner */
    .ag-group-loading {
      display: none !important;
    }
    
  • 手动管控加载流程
    自定义ServerSide数据源时,跳过AG Grid的自动加载状态触发,自行处理数据请求:

    gridOptions.api.setServerSideDatasource({
      getRows(params) {
        // 直接发起数据请求,AG Grid不会自动显示加载Spinner
        fetch('/your-data-api')
          .then(res => res.json())
          .then(data => params.success({ rowData: data }))
          .catch(() => params.fail());
      }
    });
    

内容的提问来源于stack exchange,提问作者user21476047

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.06 17:57:19