title | page_title | description | slug | position |
---|---|---|---|---|
Data Binding |
Data Binding - Spreadsheet - Kendo UI for Vue |
Bind the Kendo UI Spreadsheet wrapper for Vue to local data arrays. |
databinding_spreadsheet |
1 |
The Spreadsheet enables you to bind it to a list of possible values.
To populate the Spreadsheet with data, bind it to either:
To populate the Spreadsheet with local data:
- Define the data array in the
data
object of the Vue application. - Refer the
data
object in the<kendo-spreadsheet-sheet>
component through the:data-source
prop.
{% meta height:460 %} {% embed_file data-binding/local/main.vue preview %} {% embed_file data-binding/local/main.js %} {% endmeta %}
The following example demonstrates how to bind the spreadsheet to remote data.
{% meta height:460 %} {% embed_file data-binding/remote/main.vue preview %} {% embed_file data-binding/remote/main.js %} {% endmeta %}