From 4e15dc1b70ba511fb4525fcc597a54d6d91e991b Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Fri, 2 Aug 2024 16:37:41 +0300 Subject: [PATCH 1/2] SEO-187022-Angular-Spreadsheet-Bindind-Alt-text-missing --- angular/Spreadsheet/Data-Binding.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/angular/Spreadsheet/Data-Binding.md b/angular/Spreadsheet/Data-Binding.md index f055bdd6..bfe23c5e 100644 --- a/angular/Spreadsheet/Data-Binding.md +++ b/angular/Spreadsheet/Data-Binding.md @@ -1,6 +1,6 @@ --- -title: Data binding with Spreadsheet widget for Syncfusion Essential Angular-2 -description: How to perform Data Binding and configure its properties like dataSource, query etc. +title: Data binding with Angular Spreadsheet widget | Syncfusion +description: Learn here about how to perform Data Binding and configure its properties like dataSource, query in SfAngular Spreadsheet control, its elements, and more. platform: Angular control: Spreadsheet documentation: ug @@ -63,7 +63,7 @@ export class AppComponent { {% endhighlight %} The following output is displayed as a result of the above code snippets. -![](Data-Binding_images/Data-Binding_img1.png) +![Local Data in Angular Spreadsheet](Data-Binding_images/Data-Binding_img1.png) ## Remote Data @@ -98,7 +98,7 @@ export class AppComponent { {% endhighlight %} The following output is displayed as a result of the above code snippets. -![](Data-Binding_images/Data-Binding_img2.png) +![Remote Data in Angular Spreadsheet](Data-Binding_images/Data-Binding_img2.png) ### Offline Mode @@ -137,7 +137,7 @@ export class AppComponent { {% endhighlight %} The following output is displayed as a result of the above code snippets. -![](Data-Binding_images/Data-Binding_img2.png) +![Offline Mode in Angular Spreadsheet](Data-Binding_images/Data-Binding_img2.png) ## HTML Table Data @@ -230,7 +230,7 @@ Place the table in index.html page, {% endhighlight %} The following output is displayed as a result of the above code snippets. -![](Data-Binding_images/Data-Binding_img3.png) +![HTML Table Data in Angular Spreadsheet](Data-Binding_images/Data-Binding_img3.png) ## Ways to bind data in Spreadsheet @@ -411,7 +411,7 @@ export class AppComponent { {% endhighlight %} The following output is displayed as a result of the above code snippets. -![](Data-Binding_images/Data-Binding_img4.png) +![Cell Binding in Angular Spreadsheet](Data-Binding_images/Data-Binding_img4.png) ### Range Binding @@ -537,7 +537,7 @@ export class AppComponent { {% endhighlight %} The following output is displayed as a result of the above code snippets. -![](Data-Binding_images/Data-Binding_img5.png) +![Range Binding in Angular Spreadsheet](Data-Binding_images/Data-Binding_img5.png) ### Sheet Binding @@ -642,5 +642,5 @@ export class AppComponent { {% endhighlight %} The following output is displayed as a result of the above code snippets. -![](Data-Binding_images/Data-Binding_img6.png) +![Sheet Binding in Angular Spreadsheet](Data-Binding_images/Data-Binding_img6.png) From bc3bc2550dfe2887696db95f8f1b1dac5d23adcc Mon Sep 17 00:00:00 2001 From: Faith-Atieno Date: Mon, 5 Aug 2024 10:47:30 +0300 Subject: [PATCH 2/2] resolved --- angular/Spreadsheet/Data-Binding.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/angular/Spreadsheet/Data-Binding.md b/angular/Spreadsheet/Data-Binding.md index bfe23c5e..26aa2961 100644 --- a/angular/Spreadsheet/Data-Binding.md +++ b/angular/Spreadsheet/Data-Binding.md @@ -5,7 +5,7 @@ platform: Angular control: Spreadsheet documentation: ug --- -# Data Binding +# Data binding with Syncfusion Angular Spreadsheet widget Spreadsheet can be populated with external datasource using `dataSource` property. The `dataSource` property can be assigned either with the instance of `ej.DataManager` or JSON data array collection. Spreadsheet supports three different kinds of Data binding.