• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Loading Animation in ASP.NET Core Data Grid Control

This sample shows the loading indicator while grid loading and refreshing when using remote data. In this sample, you can change the loading indicators from the properties panel.

DEMO
SOURCE
Indicator Type

The grid has an option to show a loading indicator in-between the time of fetching the data and binding it to the grid during initial rendering or refreshing or after performing any grid action like sorting, filtering, grouping, and more.

The Grid supports the following loading indicator types. They are:

  • Spinner
  • Shimmer

Use the loading indicator by setting the loadingIndicator.indicatorType property as Spinner or Shimmer. The default value of the indicatorType is Spinner.

In this demo, the Shimmer type is initially enabled. If you want to use the default value of the loading indicator, use the dropdown to change it.