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

Data Binding

The Spreadsheet enables you to bind it to a list of possible values.

To populate the Spreadsheet with data, bind it to either:

Binding to Local Data Arrays

To populate the Spreadsheet with local data:

  1. Define the data array in the data object of the Vue application.
  2. Refer the data object in the <kendo-spreadsheet-sheet> component through the :data-source prop.
Example
View Source
Edit In Stackblitz  
Change Theme:

Binding to Remote Data Services

The following example demonstrates how to bind the spreadsheet to remote data.

Example
View Source
Edit In Stackblitz  
Change Theme: