Completed
Last Updated: 22 Sep 2022 07:31 by ADMIN
Minas
Created on: 06 Apr 2019 21:00
Category: Grid
Type: Feature Request
7
Show loading indicator for Vue Native Grid

Hello there,

 

I am looking for a loading spinner solution to use with Vue Native Grid. I could not find something on the docs.

Is there any way I can show some kind of loading indicator while loading the data?

I am not using data source from Kendo, just basic method to populate `:data-items="items"`

 

Thank you!

3 comments
laura
Posted on: 15 Nov 2019 22:00

I need to be able to show a loading spinner that also disappears and displays a "no records" message if the user filters the grid and gets no results.

Currently, the user is left with a loading spinner that makes them believe results are still loading, when truthfully nothing has been found.

ADMIN
Ivan Danchev
Posted on: 10 Apr 2019 08:44
Hello Minas,

While a built-in loading icon is not implemented in the Grid, there is a way to show a loading icon through the Grid's no-records configuration:
<grid-norecords>
 <div  class="k-loading-mask customPosition"><span class='k-loading-text'></span><div class='k-loading-image'/><div class='k-loading-color'/></div>
</grid-norecords>

See this example.

Regards,
Ivan Danchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
ADMIN
Ivan Danchev
Posted on: 09 Apr 2019 15:18
Hello Minas,

At present the native Vue Grid does not show a loading icon, so I converted your post into a Feature Request and made it visible on our Feedback Portal. Based on the support it gets by the community we will consider implementing it in a future release.

Regards,
Ivan Danchev
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items