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
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Show spinner

Thread ID:





143773 Apr 4,2019 01:59 PM UTC Apr 15,2019 12:56 PM UTC Angular - EJ 2 3
Tags: Grid
Manolo Capdevila
Asked On April 4, 2019 01:59 PM UTC


I want show the grid spinner, but when I use the showSpinner() grid's function, I get an error

I attach an example


Attachment: gridSpinner_4ae43f65.zip

Hariharan J V [Syncfusion]
Replied On April 5, 2019 12:09 PM UTC

Hi Manolo, 

Greeting from Syncfusion. 

Query: I want show the grid spinner, but when I use the showSpinner() grid's function, I get an error 
We have checked the provided sample and by default, we have create the spinner while rendering the grid component. But you are tried to show the spinner in ngAfterViewInit event(before Spinner component creation) 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. 

<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'] 

If we misunderstood your query then share more details regarding your requirement it will helpful for us to validate further. 

Manolo Capdevila
Replied On April 12, 2019 07:51 AM UTC


I want show the grid spinner, not a custom spinner.

I've tested show the spinner in create and load event, but the spinner not appear

Hariharan J V [Syncfusion]
Replied On April 15, 2019 12:56 PM UTC

Hi Manolo, 

By default, we have shown the spinner while initial rendering of Grid and hide it after data binding(automatically). We suspect that in your sample you have limited data so that you are not able to view the spinner (you can put the debugger and check it out). In the below sample, we have used large amount of data so you can check the behavior.  

Please share the scenario where you want show and hide the spinner in Grid that help us to validate further and to provide a better solution as soon as possible. 



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon