Loading indicator in Ag-Grid

Note: This post was written a while back but sat in draft. I’ve published this now, but I’m not sure it’s relevant to the latest versions etc. so please bear this in mind.

Ag-Grid is a great data grid which supports React (amongst other frameworks). Here’s a couple of simple functions showing how to show and hide the loading indicator using the gridApi

showOverlay = () => {
  if (this.gridApi !== undefined) {
    this.gridApi.showLoadingOverlay();
  }
}

hideOverlay = () => {
  if (this.gridApi !== undefined) {
    this.gridApi.hideOverlay();
  }
}