{"id":7163,"date":"2022-10-11T20:35:50","date_gmt":"2022-10-11T20:35:50","guid":{"rendered":"http:\/\/putridparrot.com\/blog\/?p=7163"},"modified":"2022-10-11T20:35:50","modified_gmt":"2022-10-11T20:35:50","slug":"loading-indicator-in-ag-grid","status":"publish","type":"post","link":"https:\/\/putridparrot.com\/blog\/loading-indicator-in-ag-grid\/","title":{"rendered":"Loading indicator in Ag-Grid"},"content":{"rendered":"<p><em>Note: This post was written a while back but sat in draft. I&#8217;ve published this now, but I&#8217;m not sure it&#8217;s relevant to the latest versions etc. so please bear this in mind.<\/em><\/p>\n<p>Ag-Grid is a great data grid which supports React (amongst other frameworks). Here&#8217;s a couple of simple functions showing how to show and hide the loading indicator using the gridApi<\/p>\n<pre class=\"brush: java; title: ; notranslate\" title=\"\">\r\nshowOverlay = () =&gt; {\r\n  if (this.gridApi !== undefined) {\r\n    this.gridApi.showLoadingOverlay();\r\n  }\r\n}\r\n\r\nhideOverlay = () =&gt; {\r\n  if (this.gridApi !== undefined) {\r\n    this.gridApi.hideOverlay();\r\n  }\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Note: This post was written a while back but sat in draft. I&#8217;ve published this now, but I&#8217;m not sure it&#8217;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&#8217;s a couple of simple functions showing how to show [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[253],"tags":[],"class_list":["post-7163","post","type-post","status-publish","format-standard","hentry","category-ag-grid"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/7163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/comments?post=7163"}],"version-history":[{"count":4,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/7163\/revisions"}],"predecessor-version":[{"id":9583,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/posts\/7163\/revisions\/9583"}],"wp:attachment":[{"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/media?parent=7163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/categories?post=7163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/putridparrot.com\/blog\/wp-json\/wp\/v2\/tags?post=7163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}