如何移除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
相关产品推荐
相关产品推荐

