New to Kendo UI for Vue? Start a free 30-day trial
You’re currently viewing documentation for our jQuery wrappers.This product reached EOL in May, 2024. To ensure smoother transition we provide support till May, 2025. Check here details and migration guidelines.

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
Change Theme:

Binding to Remote Data Services

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

Example
View Source
Change Theme: