New to Kendo UI for jQuery? Start a free 30-day trial

LoaderType

configuration

Defines what loader will be used while loading the data. Possible values are:

"loadingPanel" - a panel with a circular loading indicator.
"skeleton" - a skeleton enabled loader.

A pageSize must be defined for the skeleton loader type to work properly.

loaderType

String

Default: "loadingPanel"

<div id="grid"></div>
<script>
  $("#grid").kendoGrid({
    columns: [
      { field: "ShipName" },
      { field: "ShipCity" }
    ],
    dataSource: {
      type: "odata-v4",
      transport: {
        read: "https://demos.telerik.com/service/v2/odata/Orders"
      },
      schema: {
        model: {
          fields: {
            ShipName: { type: "string" },
            ShipCity: { type: "string" }
          }
        }
      },
      pageSize: 20,
      serverPaging: true
    },
    loaderType: "skeleton"
  });
</script>