We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

grid spinner problem

      I am fetching the data using api service on initial rendering of page(api call in ngAfterViewInit) and attached data to grid data source,data is rendering correctly with out use of spinner.but when i used the showSpinner()(to use default grid spinner provided by sync fusion) method in it to initilize the spinner,showing below error. 
     As you mentioned in thread id-138274 that "you are trying to load the spinner before the Grid element appends to the DOM".But i am showing spinner after view init lifecycle hook(Respond after Angular initializes the component's views and child views / the view that a directive is in)

1 Reply

HJ Hariharan J V Syncfusion Team June 11, 2019 10:28 AM UTC

Hi Gautham, 

Greeting from Syncfusion. 

Query: I want show the grid spinner, but when I use the showSpinner() grid's function, I get an error 
By default, we have created the spinner while rendering the grid component but in your code example you are tried to show the spinner in ngAfterViewInit(Spinner element yet not created) so that it cause the reported problem. 

If you want to show the custom spinner in grid then refer the below code example and documentation. Once grid rendered you can show and hide the spinner as per your requirement. 

<ejs-grid #grid [dataSource]='data' (created)='created($event)' height='400' width='100%'> 
. . . . . 

import { setSpinner } from '@syncfusion/ej2-popups'; 
setSpinner({ template: '<div class="loader-centerd-screen"><div></div></div>' }); 
  selector: 'app-root', 
  templateUrl: './app.component.html', 
  styleUrls: ['./app.component.css'] 


Live Chat Icon For mobile
Up arrow icon