Vue PivotGrid - loadPanel

Specifies properties configuring the load panel.

Type:

Object

When PivotGrid operates with a large number of records or uses a remote storage as a data source, loading data takes time. As data is being prepared, PivotGrid displays a load panel.

The load panel consists of a pane, a loading indicator and a text. You can specify whether the pane or loading indicator must be displayed using the showPane or showIndicator properties respectively. The text displayed by the load panel can be specified using the text property. Also, you can change the height or width of the load panel using the corresponding properties of the loadPanel configuration object.

Since the grid load panel is practically the DevExtreme LoadPanel UI component, you can specify any property belonging to this UI component in the loadPanel object.

enabled

Enables or disables the load panel.

Type:

Boolean

Default Value: true

height

Specifies the height of the load panel.

Type:

Number

Default Value: 70

indicatorSrc

Specifies the URL pointing to an image that will be used as a load indicator.

Type:

String

Default Value: ''

shading

Specifies whether to shade the UI component when the load panel appears.

Type:

Boolean

Default Value: false

shadingColor

Specifies the shading color. Applies only if shading is true.

Type:

String

Default Value: ''

This property supports the following colors:

showIndicator

Specifies whether or not to show a load indicator.

Type:

Boolean

Default Value: true

showPane

Specifies whether or not to show load panel background.

Type:

Boolean

Default Value: true

text

Specifies the text to display inside a load panel.

Type:

String

Default Value: 'Loading...'

width

Specifies the width of the load panel.

Type:

Number

Default Value: 200