我在 Ag-grid (Angular) 中遇到了奇怪的行为。当我使用 serverSide 选项并且服务器没有返回数据时,网格将显示 cacheBlockSize 中提到的所有行的加载图标。我尝试了尽可能多的选项来隐藏这些空的加载行,但没有任何结果。
我尝试在官方示例页面中复制相同的内容。幸运的是,我可以复制类似的行为。请参阅官方示例页面的编辑版本,其中我从假服务器调用中传递了一个空数组:
https://plnkr.co/edit/Egw9ToJmNE7Hl6Z6
onGridReady(params) {
this.gridApi = params.api;
this.gridColumnApi = params.columnApi;
this.http
.get('https://www.ag-grid.com/example-assets/olympic-winners.json')
.subscribe((data) => {
let idSequence = 0;
data.forEach((item) => {
item.id = idSequence++;
});
const server = new FakeServer(data);
const datasource = new ServerSideDatasource(server);
params.api.setServerSideDatasource(datasource);
});
}
}
function ServerSideDatasource(server) {
return {
getRows: (params) => {
setTimeout(() => {
const response = server.getResponse(params.request);
if (response.success) {
params.successCallback(response.rows, response.lastRow);
} else {
params.failCallback();
}
}, 2000);
},
};
}
function …Run Code Online (Sandbox Code Playgroud)