Data Binding

The ListView provides support for binding it to local data arrays or remote OLAP data services.

Binding to Local Data Arrays

You can bind the PivotGrid a flat data array on the client. As a result, it processes the data on the client and creates a client cube representation.

To populate the PivotGrid with local data:

  1. Define the array in the data object of the Vue application.
  2. Refer the data object during the initialization of the PivotGrid through the :data prop of the PivotDataSource.
Example
View Source
Edit In Stackblitz  
Change Theme:

Binding to Remote OLAP Data Services

The following example demonstrates how to bind the PivotGrid to a remote OData OLAP service.

Example
View Source
Edit In Stackblitz  
Change Theme: