Ag-grid to show both loading and no data overlays

Question

I am working with Ag-grid and I found that only one of loading and no data overlays can be shown at a time.

My situation is that at the beginning, I have no data and a loading observable. I subscribe to that observable and manually call the grid api to setup the loading but it was later replaced by no data overlay due to the grid.

Is there a way to have both running (which I can use css for the loading overlay to hide the no data)?

score 4 · Accepted Answer · edited Jun 16 '23 at 14:53

4

After playing around, I found that adding showLoadingOverlay() to onRowDataChanged event solves the problem

edited Jun 16 '23 at 14:53

Audwin Oyong

2,247
3
15
32

answered Jan 04 '18 at 00:06

Ngoc Nam Nguyen

493
6
15

score 0 · Answer 2 · answered Jan 01 '18 at 23:32

0

Can't you just add your own overlay with desired condition in *ngIf and style it as you want?

answered Jan 01 '18 at 23:32

Laker

1,622
4
20
32

yes I can do that, but I think it would be neat to have aggrid api handle this – Ngoc Nam Nguyen Jan 02 '18 at 01:43

Ag-grid to show both loading and no data overlays

2 Answers2