From c7308cd4e9731f24adbc9b02a32b864c39c01cef Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Fri, 15 May 2026 20:11:09 +0530 Subject: [PATCH 01/10] 001: Getting started for grid changes --- .../datagrid/getting-started-with-web-app.md | 182 +++++------------- 1 file changed, 50 insertions(+), 132 deletions(-) diff --git a/blazor/datagrid/getting-started-with-web-app.md b/blazor/datagrid/getting-started-with-web-app.md index 008222d3c4..0ae503e44e 100644 --- a/blazor/datagrid/getting-started-with-web-app.md +++ b/blazor/datagrid/getting-started-with-web-app.md @@ -149,56 +149,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A ``` -N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. - -## Add Syncfusion® Blazor DataGrid component - -Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). - -N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. - -{% tabs %} -{% highlight razor %} - -@* desired render mode define here *@ -@rendermode InteractiveAuto - -{% endhighlight %} -{% endtabs %} - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); - } - - public class Order - { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - - } -} - -{% endhighlight %} -{% endtabs %} - -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} - -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Grid component in the default web browser. +N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. ## Defining row data @@ -264,88 +215,6 @@ Let’s check the properties used here: {% endhighlight %} {% endtabs %} -## Enable paging - -The paging feature enables users to view the Syncfusion® Blazor DataGrid record in a paged view. It can be enabled by setting the [AllowPaging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowPaging) property to true. Pager can be customized using the [GridPageSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_PageSettings). - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - -## Enable sorting - -The sorting feature enables you to order the records. It can be enabled by setting the [AllowSorting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowSorting) property as true. Sorting feature can be customized using the [GridSortSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_SortSettings). - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - -## Enable filtering - -The filtering feature enables you to view reduced amount of records based on filter criteria. It can be enabled by setting the [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowFiltering) property as true. Filtering feature can be customized using the [GridFilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_FilterSettings). - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - -## Enable grouping - -The grouping feature enables you to view the Syncfusion® Blazor DataGrid record in a grouped view. It can be enabled by setting the [AllowGrouping](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowGrouping) property as true. Grouping feature can be customized using the [GridGroupSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_GroupSettings). - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBfDWBkLabNleSQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid.gif)" %} - ## Handling exceptions Exceptions occurred during Syncfusion® Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event. @@ -406,6 +275,55 @@ The following sample code demonstrates notifying user when server-side exception N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/DataGrid). +## Add Syncfusion® Blazor DataGrid component + +Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). + +N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. + +{% tabs %} +{% highlight razor %} + +@* desired render mode define here *@ +@rendermode InteractiveAuto + +{% endhighlight %} +{% endtabs %} + +{% tabs %} +{% highlight razor tabtitle="Home.razor" %} + +@using Syncfusion.Blazor.Grids + + + +@code{ + public List Orders { get; set; } + + protected override void OnInitialized() + { + Orders = Enumerable.Range(1, 5).Select(x => new Order() + { + OrderID = 0 + x, + CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], + }).ToList(); + } + + public class Order + { + public int? OrderID { get; set; } + public string CustomerID { get; set; } + + } +} + +{% endhighlight %} +{% endtabs %} + +{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} + +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Grid component in the default web browser. + ## See also 1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) From e38489d124208a58bee3e3077f59b1c04348843e Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Fri, 15 May 2026 20:31:47 +0530 Subject: [PATCH 02/10] 001: Getting started for all project changes --- .../datagrid/getting-started-with-maui-app.md | 148 ++++-------------- .../getting-started-with-server-app.md | 138 ++++------------ .../datagrid/getting-started-with-web-app.md | 98 ++++++------ 3 files changed, 106 insertions(+), 278 deletions(-) diff --git a/blazor/datagrid/getting-started-with-maui-app.md b/blazor/datagrid/getting-started-with-maui-app.md index 08d2ef9140..e417d3d865 100644 --- a/blazor/datagrid/getting-started-with-maui-app.md +++ b/blazor/datagrid/getting-started-with-maui-app.md @@ -118,57 +118,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A ``` -N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. - -## Add Syncfusion® Blazor DataGrid component - -Add the Syncfusion® Blazor DataGrid component in the **~/Pages/Home.razor** file. - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); - } - - public class Order - { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - - } -} - -{% endhighlight %} -{% endtabs %} - -### How to run the sample on windows - -Run the sample in Windows Machine mode, and it will run Blazor MAUI in Windows. - -![Blazor DataGrid Component](images/blazor-datagrid-maui-page.webp) - -### How to run the sample on android - -To run the Blazor DataGrid in a Blazor Android MAUI application using the Android emulator, follow these steps: - -Refer [here](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/device-manager#android-device-manager-on-windows) to install and launch Android emulator. - -N> If encounter any errors while using the Android Emulator, refer to the following link for troubleshooting guidance[Troubleshooting Android Emulator](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/troubleshooting). - -![Blazor DataGrid Component](images/blazor-datagrid-component.webp) +N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. ## Defining row data @@ -236,95 +186,55 @@ Let’s check the properties used here: {% endhighlight %} {% endtabs %} -## Enable paging +## Add Syncfusion® Blazor DataGrid component -The paging feature enables users to view the Syncfusion® Blazor DataGrid record in a paged view. It can be enabled by setting the [AllowPaging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowPaging) property to true. Pager can be customized using the [GridPageSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_PageSettings). +Add the Syncfusion® Blazor DataGrid component in the **~/Pages/Home.razor** file. {% tabs %} -{% highlight razor %} +{% highlight razor tabtitle="Home.razor" %} @using Syncfusion.Blazor.Grids - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - -## Enable sorting + -The sorting feature enables you to order the records. It can be enabled by setting the [AllowSorting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowSorting) property as true. Sorting feature can be customized using the [GridSortSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_SortSettings). +@code{ + public List Orders { get; set; } -{% tabs %} -{% highlight razor %} + protected override void OnInitialized() + { + Orders = Enumerable.Range(1, 5).Select(x => new Order() + { + OrderID = 0 + x, + CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], + }).ToList(); + } -@using Syncfusion.Blazor.Grids + public class Order + { + public int? OrderID { get; set; } + public string CustomerID { get; set; } - - - - - - - - - + } +} {% endhighlight %} {% endtabs %} -## Enable filtering - -The filtering feature enables you to view reduced amount of records based on filter criteria. It can be enabled by setting the [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowFiltering) property as true. Filtering feature can be customized using the [GridFilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_FilterSettings). - -{% tabs %} -{% highlight razor %} - -@using Syncfusion.Blazor.Grids - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} +### How to run the sample on windows -## Enable grouping +Run the sample in Windows Machine mode, and it will run Blazor MAUI in Windows. -The grouping feature enables you to view the Syncfusion® Blazor DataGrid record in a grouped view. It can be enabled by setting the [AllowGrouping](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowGrouping) property as true. Grouping feature can be customized using the [GridGroupSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_GroupSettings). +![Blazor DataGrid Component](images/blazor-datagrid-maui-page.webp) -{% tabs %} -{% highlight razor %} +### How to run the sample on android -@using Syncfusion.Blazor.Grids +To run the Blazor DataGrid in a Blazor Android MAUI application using the Android emulator, follow these steps: - - - - - - - - - +Refer [here](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/device-manager#android-device-manager-on-windows) to install and launch Android emulator. -{% endhighlight %} -{% endtabs %} +N> If encounter any errors while using the Android Emulator, refer to the following link for troubleshooting guidance[Troubleshooting Android Emulator](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/troubleshooting). -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBfDWBkLabNleSQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-render.webp)" %} +![Blazor DataGrid Component](images/blazor-datagrid-component.webp) ## Handling exceptions diff --git a/blazor/datagrid/getting-started-with-server-app.md b/blazor/datagrid/getting-started-with-server-app.md index 6334e9de21..7287610c5f 100644 --- a/blazor/datagrid/getting-started-with-server-app.md +++ b/blazor/datagrid/getting-started-with-server-app.md @@ -143,56 +143,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A ``` -N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in Blazor application. - -## Add Syncfusion® Blazor DataGrid component - -Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. - -N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. - -{% tabs %} -{% highlight razor %} - -@* desired render mode define here *@ -@rendermode InteractiveServer - -{% endhighlight %} -{% endtabs %} - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); - } - - public class Order - { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - - } -} - -{% endhighlight %} -{% endtabs %} - -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. - -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} +N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. ## Defining row data @@ -258,87 +209,54 @@ Let’s check the properties used here: {% endhighlight %} {% endtabs %} -## Enable paging - -The paging feature enables users to view the Syncfusion® Blazor DataGrid record in a paged view. It can be enabled by setting the [AllowPaging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowPaging) property to true. Pager can be customized using the [GridPageSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_PageSettings). - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} +## Add Syncfusion® Blazor DataGrid component -## Enable sorting +Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. -The sorting feature enables you to order the records. It can be enabled by setting the [AllowSorting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowSorting) property as true. Sorting feature can be customized using the [GridSortSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_SortSettings). +N> If the Interactivity Location is set to `Global`, the render mode is automatically configured in the `App.razor` file by default. {% tabs %} -{% highlight razor tabtitle="Home.razor" %} +{% highlight razor %} - - - - - - - - - +@* desired render mode define here *@ +@rendermode InteractiveServer {% endhighlight %} {% endtabs %} -## Enable filtering - -The filtering feature enables you to view reduced amount of records based on filter criteria. It can be enabled by setting the [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowFiltering) property as true. Filtering feature can be customized using the [GridFilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_FilterSettings). - {% tabs %} {% highlight razor tabtitle="Home.razor" %} - - - - - - - - - +@using Syncfusion.Blazor.Grids -{% endhighlight %} -{% endtabs %} + -## Enable grouping +@code{ + public List Orders { get; set; } -The grouping feature enables you to view the Syncfusion® Blazor DataGrid record in a grouped view. It can be enabled by setting the [AllowGrouping](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowGrouping) property as true. Grouping feature can be customized using the [GridGroupSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_GroupSettings). + protected override void OnInitialized() + { + Orders = Enumerable.Range(1, 5).Select(x => new Order() + { + OrderID = 0 + x, + CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], + }).ToList(); + } -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} + public class Order + { + public int? OrderID { get; set; } + public string CustomerID { get; set; } - - - - - - - - - + } +} {% endhighlight %} {% endtabs %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBfDWBkLabNleSQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid.gif)" %} +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. + +{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} ## Handling exceptions diff --git a/blazor/datagrid/getting-started-with-web-app.md b/blazor/datagrid/getting-started-with-web-app.md index 0ae503e44e..8d7f2ad9b7 100644 --- a/blazor/datagrid/getting-started-with-web-app.md +++ b/blazor/datagrid/getting-started-with-web-app.md @@ -215,6 +215,55 @@ Let’s check the properties used here: {% endhighlight %} {% endtabs %} +## Add Syncfusion® Blazor DataGrid component + +Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). + +N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. + +{% tabs %} +{% highlight razor %} + +@* desired render mode define here *@ +@rendermode InteractiveAuto + +{% endhighlight %} +{% endtabs %} + +{% tabs %} +{% highlight razor tabtitle="Home.razor" %} + +@using Syncfusion.Blazor.Grids + + + +@code{ + public List Orders { get; set; } + + protected override void OnInitialized() + { + Orders = Enumerable.Range(1, 5).Select(x => new Order() + { + OrderID = 0 + x, + CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], + }).ToList(); + } + + public class Order + { + public int? OrderID { get; set; } + public string CustomerID { get; set; } + + } +} + +{% endhighlight %} +{% endtabs %} + +{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} + +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Grid component in the default web browser. + ## Handling exceptions Exceptions occurred during Syncfusion® Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event. @@ -275,55 +324,6 @@ The following sample code demonstrates notifying user when server-side exception N> [View Sample in GitHub](https://github.com/SyncfusionExamples/Blazor-Getting-Started-Examples/tree/main/DataGrid). -## Add Syncfusion® Blazor DataGrid component - -Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). - -N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssembly`, the render mode is automatically configured in the `App.razor` file by default. - -{% tabs %} -{% highlight razor %} - -@* desired render mode define here *@ -@rendermode InteractiveAuto - -{% endhighlight %} -{% endtabs %} - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); - } - - public class Order - { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - - } -} - -{% endhighlight %} -{% endtabs %} - -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} - -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Grid component in the default web browser. - ## See also 1. [Getting Started with Syncfusion® Blazor for client-side in .NET Core CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-dotnet-cli) From 4f6f0ef81e5e80eede7a5f5512586721b79ca5db Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Fri, 15 May 2026 20:34:49 +0530 Subject: [PATCH 03/10] 001: Changes for WASM project --- blazor/datagrid/getting-started.md | 128 ++++++----------------------- 1 file changed, 23 insertions(+), 105 deletions(-) diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md index 0981e3c6b0..f7f5b7c955 100644 --- a/blazor/datagrid/getting-started.md +++ b/blazor/datagrid/getting-started.md @@ -141,45 +141,7 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A ``` -N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. - -## Add Syncfusion® Blazor DataGrid component - -Add the Syncfusion® Blazor DataGrid component in the **~/Pages/Index.razor** file. - -{% tabs %} -{% highlight razor tabtitle="Index.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); - } - - public class Order - { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - - } -} - -{% endhighlight %} -{% endtabs %} - -* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. - -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.webp)" %} +N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. ## Defining row data @@ -245,87 +207,43 @@ Let’s check the properties used here: {% endhighlight %} {% endtabs %} -## Enable paging - -The paging feature enables users to view the Syncfusion® Blazor DataGrid record in a paged view. It can be enabled by setting the [AllowPaging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowPaging) property to true. Pager can be customized using the [GridPageSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_PageSettings). - -{% tabs %} -{% highlight razor tabtitle="Index.razor" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - -## Enable sorting +## Add Syncfusion® Blazor DataGrid component -The sorting feature enables you to order the records. It can be enabled by setting the [AllowSorting](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowSorting) property as true. Sorting feature can be customized using the [GridSortSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_SortSettings). +Add the Syncfusion® Blazor DataGrid component in the **~/Pages/Index.razor** file. {% tabs %} {% highlight razor tabtitle="Index.razor" %} - - - - - - - - - +@using Syncfusion.Blazor.Grids -{% endhighlight %} -{% endtabs %} + -## Enable filtering +@code{ + public List Orders { get; set; } -The filtering feature enables you to view reduced amount of records based on filter criteria. It can be enabled by setting the [AllowFiltering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowFiltering) property as true. Filtering feature can be customized using the [GridFilterSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_FilterSettings). + protected override void OnInitialized() + { + Orders = Enumerable.Range(1, 5).Select(x => new Order() + { + OrderID = 0 + x, + CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], + }).ToList(); + } -{% tabs %} -{% highlight razor tabtitle="Index.razor" %} + public class Order + { + public int? OrderID { get; set; } + public string CustomerID { get; set; } - - - - - - - - - + } +} {% endhighlight %} {% endtabs %} -## Enable grouping - -The grouping feature enables you to view the Syncfusion® Blazor DataGrid record in a grouped view. It can be enabled by setting the [AllowGrouping](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_AllowGrouping) property as true. Grouping feature can be customized using the [GridGroupSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_GroupSettings). - -{% tabs %} -{% highlight razor tabtitle="Index.razor" %} - - - - - - - - - - - -{% endhighlight %} -{% endtabs %} +* Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBfDWBkLabNleSQ?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid.webp)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.webp)" %} ## Handling exceptions From 8d6f53d8f1207f22864e2b839eb534864d9a0b60 Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Sat, 16 May 2026 19:21:35 +0530 Subject: [PATCH 04/10] 001: Changes for the grid columns in grid --- .../datagrid/getting-started-with-maui-app.md | 52 ++++++++++++----- .../getting-started-with-server-app.md | 54 +++++++++++++----- .../datagrid/getting-started-with-web-app.md | 54 +++++++++++++----- blazor/datagrid/getting-started.md | 57 +++++++++++++------ 4 files changed, 157 insertions(+), 60 deletions(-) diff --git a/blazor/datagrid/getting-started-with-maui-app.md b/blazor/datagrid/getting-started-with-maui-app.md index e417d3d865..427351d514 100644 --- a/blazor/datagrid/getting-started-with-maui-app.md +++ b/blazor/datagrid/getting-started-with-maui-app.md @@ -195,26 +195,50 @@ Add the Syncfusion® Blazor DataGrid compone @using Syncfusion.Blazor.Grids - - -@code{ - public List Orders { get; set; } + + + + + + + + +@code { + public List OrderData { get; set; } protected override void OnInitialized() { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); + OrderData = OrderDetails.GetAllRecords(); } - - public class Order +} +{% endhighlight %} +{% highlight c# tabtitle="OrderDetails.cs" %} +public class OrderDetails +{ + public static List Order = new List(); + public OrderDetails(int OrderID, string CustomerId, double Freight, string ShipCountry) { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - + this.OrderID = OrderID; + this.CustomerID = CustomerId; + this.Freight = Freight; + this.ShipCountry = ShipCountry; + } + public static List GetAllRecords() + { + if (Order.Count == 0) + { + Order.Add(new OrderDetails(10248, "VINET", 32.38, "France")); + Order.Add(new OrderDetails(10249, "TOMSP", 11.61, "Germany")); + Order.Add(new OrderDetails(10250, "HANAR", 65.83, "Brazil")); + Order.Add(new OrderDetails(10251, "VICTE", 41.34, "France")); + Order.Add(new OrderDetails(10252, "SUPRD", 51.3, "Belgium")); + } + return Order; } + public int OrderID { get; set; } + public string CustomerID { get; set; } + public double Freight { get; set; } + public string ShipCountry { get; set; } } {% endhighlight %} diff --git a/blazor/datagrid/getting-started-with-server-app.md b/blazor/datagrid/getting-started-with-server-app.md index 7287610c5f..953203ff8c 100644 --- a/blazor/datagrid/getting-started-with-server-app.md +++ b/blazor/datagrid/getting-started-with-server-app.md @@ -229,26 +229,50 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati @using Syncfusion.Blazor.Grids - - -@code{ - public List Orders { get; set; } + + + + + + + + +@code { + public List OrderData { get; set; } protected override void OnInitialized() { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); + OrderData = OrderDetails.GetAllRecords(); } - - public class Order +} +{% endhighlight %} +{% highlight c# tabtitle="OrderDetails.cs" %} +public class OrderDetails +{ + public static List Order = new List(); + public OrderDetails(int OrderID, string CustomerId, double Freight, string ShipCountry) { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - + this.OrderID = OrderID; + this.CustomerID = CustomerId; + this.Freight = Freight; + this.ShipCountry = ShipCountry; + } + public static List GetAllRecords() + { + if (Order.Count == 0) + { + Order.Add(new OrderDetails(10248, "VINET", 32.38, "France")); + Order.Add(new OrderDetails(10249, "TOMSP", 11.61, "Germany")); + Order.Add(new OrderDetails(10250, "HANAR", 65.83, "Brazil")); + Order.Add(new OrderDetails(10251, "VICTE", 41.34, "France")); + Order.Add(new OrderDetails(10252, "SUPRD", 51.3, "Belgium")); + } + return Order; } + public int OrderID { get; set; } + public string CustomerID { get; set; } + public double Freight { get; set; } + public string ShipCountry { get; set; } } {% endhighlight %} @@ -256,7 +280,7 @@ N> If the Interactivity Location is set to `Global`, the render mode is automati * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} ## Handling exceptions diff --git a/blazor/datagrid/getting-started-with-web-app.md b/blazor/datagrid/getting-started-with-web-app.md index 8d7f2ad9b7..18c0dc0180 100644 --- a/blazor/datagrid/getting-started-with-web-app.md +++ b/blazor/datagrid/getting-started-with-web-app.md @@ -235,32 +235,56 @@ N> If the **Interactivity Location** is set to `Global` with `Auto` or `WebAssem @using Syncfusion.Blazor.Grids - - -@code{ - public List Orders { get; set; } + + + + + + + + +@code { + public List OrderData { get; set; } protected override void OnInitialized() { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); + OrderData = OrderDetails.GetAllRecords(); } - - public class Order +} +{% endhighlight %} +{% highlight c# tabtitle="OrderDetails.cs" %} +public class OrderDetails +{ + public static List Order = new List(); + public OrderDetails(int OrderID, string CustomerId, double Freight, string ShipCountry) { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - + this.OrderID = OrderID; + this.CustomerID = CustomerId; + this.Freight = Freight; + this.ShipCountry = ShipCountry; + } + public static List GetAllRecords() + { + if (Order.Count == 0) + { + Order.Add(new OrderDetails(10248, "VINET", 32.38, "France")); + Order.Add(new OrderDetails(10249, "TOMSP", 11.61, "Germany")); + Order.Add(new OrderDetails(10250, "HANAR", 65.83, "Brazil")); + Order.Add(new OrderDetails(10251, "VICTE", 41.34, "France")); + Order.Add(new OrderDetails(10252, "SUPRD", 51.3, "Belgium")); + } + return Order; } + public int OrderID { get; set; } + public string CustomerID { get; set; } + public double Freight { get; set; } + public string ShipCountry { get; set; } } {% endhighlight %} {% endtabs %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Grid component in the default web browser. diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md index f7f5b7c955..8062aa0ac7 100644 --- a/blazor/datagrid/getting-started.md +++ b/blazor/datagrid/getting-started.md @@ -213,37 +213,62 @@ Add the Syncfusion® Blazor DataGrid compone {% tabs %} {% highlight razor tabtitle="Index.razor" %} - @using Syncfusion.Blazor.Grids - - -@code{ - public List Orders { get; set; } + + + + + + + + +@code { + public List OrderData { get; set; } protected override void OnInitialized() { - Orders = Enumerable.Range(1, 5).Select(x => new Order() - { - OrderID = 0 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - }).ToList(); + OrderData = OrderDetails.GetAllRecords(); } - - public class Order +} +{% endhighlight %} +{% highlight c# tabtitle="OrderDetails.cs" %} +public class OrderDetails +{ + public static List Order = new List(); + public OrderDetails(int OrderID, string CustomerId, double Freight, string ShipCountry) { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - + this.OrderID = OrderID; + this.CustomerID = CustomerId; + this.Freight = Freight; + this.ShipCountry = ShipCountry; } + public static List GetAllRecords() + { + if (Order.Count == 0) + { + Order.Add(new OrderDetails(10248, "VINET", 32.38, "France")); + Order.Add(new OrderDetails(10249, "TOMSP", 11.61, "Germany")); + Order.Add(new OrderDetails(10250, "HANAR", 65.83, "Brazil")); + Order.Add(new OrderDetails(10251, "VICTE", 41.34, "France")); + Order.Add(new OrderDetails(10252, "SUPRD", 51.3, "Belgium")); + } + return Order; + } + public int OrderID { get; set; } + public string CustomerID { get; set; } + public double Freight { get; set; } + public string ShipCountry { get; set; } } +{% endhighlight %} +{% endtabs %} {% endhighlight %} {% endtabs %} * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVztWraLacsGbYO?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.webp)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.webp)" %} ## Handling exceptions From a5accfa74476754a32f8faffa09c85c37d45d3f1 Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Sat, 16 May 2026 21:52:28 +0530 Subject: [PATCH 05/10] 001: Image change and build failure resolved --- blazor/datagrid/getting-started.md | 3 --- .../images/blazor-datagrid-component.webp | Bin 2324 -> 12410 bytes 2 files changed, 3 deletions(-) diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md index 8062aa0ac7..dd47ef7dc9 100644 --- a/blazor/datagrid/getting-started.md +++ b/blazor/datagrid/getting-started.md @@ -263,9 +263,6 @@ public class OrderDetails {% endhighlight %} {% endtabs %} -{% endhighlight %} -{% endtabs %} - * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. {% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.webp)" %} diff --git a/blazor/datagrid/images/blazor-datagrid-component.webp b/blazor/datagrid/images/blazor-datagrid-component.webp index 978b733268631e1cb284d2383a48fcb43b95916c..fcef2fba477ae16fe3612ca65b6c2c6a662cc51a 100644 GIT binary patch literal 12410 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 literal 2324 zcmY+BdpOe#8^?btMI>@eYH~`}N+_ek%3;U~@1!|oMo1!?Gn->Fij+f{W@MBO6B>nS zG&v26RF2i;l#$s(YStrtzwGORTDr}GT@Rh_IAaLp-qSwVG;I~W-gK@tWB-abDoz>qkAi6 z6xT9!%-Q7LRm|G%kEb%aN2{OE2#@%u7=(B{HS2sPc!C4 z35)^)M&R{hu=T)OGv+RoXLEysSWxfGJ}Il>UjJ$oL@E9MgYCdHnfBDsg^ndxjykF_?^-{9RTNI%$hh= zlil_OYeHiC8Q$*vVsLif-QNLglCL0W9zlmL($v#R&`ebhn_g<^Tl;A8QYP@j5XD5?Teg`ygo2)P}UMEJ=`KGgH z-GFm~W{ZHpm4x<_<@RoT)s|bdG2=XT4CX{>mZ5fbg#w@yhS!#B^!}Li<6~`SDgu06=%fv)aoZy{S z!YE?pxV<%FMVG5AZ2Y?K%|I>YcP9)H-NR=N7InI_M!$)Eomq9sEW%!d(pOl3n3cGv){XR zrAL)v*4n}^=^0NeeS8Z;$ib4!n?SIrimhti+Xh?W#)b% zM&0^a$=}<#X5&lvap?|sL?cO{->YH0g)rjS*F8Zh_cY8&g7PCTU2B z+X34J)4Pyshg9jcV0WpAtA;cY6gTZs&#DMv>4wyE3Cs*H@>#Rvlg}?+G+FEIP?j{! z3qJ{gtVK_TQYLky_o@@m(r)r^yWCplS1v!^46Y#?g5C2Q!wyuKxw>rB#)o)*l(ZNi zf0sR28R2&czLd9zIOih5tY#|eYD#`evV}95eXB37cfld?AIp1;S@OyOnWeZ`4(d3WY%bc2~VOq=zTsM|>HN8PmxVgu%3tqy1B2sFLiW)Vt7t zn?939f`+8r8t-wFum>z|aJqBGDRs{_s7H1t9U;zBYRQVHy*9I_T%l~w#&EDYIVBx( z&(#Va;OX75bhvti-x_t#=(+rr^A1Dd<_`_pee~iTB;3@5mt|1xJ(P?&e~^~b+kSVr zu=!HcesSuj&bUV*(QOlj3?Cz5z}bO`Okr`T0O8#@*+T39@a^@@CB_au|Oo3#&HYM zNaqo?l}FF52ro1fV$wYQ8;sp%=C7Eq3i9S^Y9mDmr4?@vbZ8Y4Yy5h|tUl6xOf^hs za(esvImDIxJk_jg-}Dyjt7G>BM~rWQgDh2g5Wc#$;XhnHBa_pfQpq=mS$L>-Bc|Uy gq Date: Mon, 18 May 2026 11:12:41 +0530 Subject: [PATCH 06/10] 001: Image changes for MAUI getting started --- .../images/blazor-datagrid-maui-page.webp | Bin 3486 -> 13492 bytes 1 file changed, 0 insertions(+), 0 deletions(-) diff --git a/blazor/datagrid/images/blazor-datagrid-maui-page.webp b/blazor/datagrid/images/blazor-datagrid-maui-page.webp index 9b6d0c14fc84add3fbcbe9d0f29edf0713d71d50..8846b4028ad111fca5b9041e42649d8ba71576fd 100644 GIT binary patch literal 13492 zcmZvCV~{3HtnS#hZQJ(F%#Ll_wr$(C?H%vfwr%UZ`- zH;V}9`R_P2f=u6KmY?}=v!qZaPw0T5Mg7IuVmWulH^0&@{QiA^z$^Ao{m&%;@G~2L zcnmo52YhOI75XPXRXhO!0N2)Epa6i5psZk-AFuoJxAjN=CZ_)4cH~YVc4Ty*Rv;C_dg+H@Df-&jK zf-9dO{&YW+0K(7H_x?@)()d09Ge9c96wvi;PJ+P&R9^?eWo ze1?8c10HW;KQRGU;>aAvmxfTRDn>swp^#-!pyEzd2Mje9~fIcqD2mWNo>33mT>9=}?XY@D_CV zLPws?+OsWbfpPD-M*G2Sa{AI^yPQ0vRlDRYT?Vy8ZMOr)ev#~#VZbm%o3S(~x(F|N zBCptyc5<*rTSZ{1TmR6+&pP0K&{l)o^|Zh{hNGT>L^o^3)S&5Nbmqjsq`2(jSuV8W zJa=Fw)X+wLSex?&t-u5$8A4?ruBhpdf|=6|NK5Wn&cQewJ0fC0X&{7I1oGx(~DcD*?TAK{25)MM~$%TS-Q3XDO2^54cA$=P1Qt-`gZA4!hkY(s8)2E|H3ZcUj0k#Em8^|9|z6*BbP; zT-AzSW^1Ao2`RHotCft=EjmQ-@6IS}3Wvr-p=*|0eiaGSZ8fs}>6)ylb@G3gdHogW zx-EE=?Ri7$l@x)8+005+$u({uH+|IiwEcZKXZD6!Oi9qyAa~O~_F(OtSz-EE3k^X} zOunQcEeCQ*kxNnFy5}aq4LM&4!%{jg%(P48I7hw&Rx`@eYl+lPTPd}1@Nrkv{gv=X zetrevdy%(;_3nynI+Mw9DMj0#qo~OecAkixVUY363b8p8ZJ`T31 zjU5K&$KlR$sasd3CVG*G*gpMwP-{;X3~p}TMawd&+9{6Dl{g_2JSe(o-E%uYh0iU=j-|czvjXl403>KEBN~8GRJ+Eah6^ZH$R@c8P<-ZG#&x=&I7tB z59*y`ZXm1%Xql;E%tHVo3>g9Iimny?Yz25BmQ|hMGx`@sWC6nU94ll*^q#IvlA@j8 z6?x;n{8$ZdCpF#{MxwHQ-d;=8f6>s0E_vEPiza2LwLt1L%kY)**-YqlaG;;0q4D4} z*203M^KMH|cATO7|69k*R58;(bsBlNO@7>I~L#6?eas*5+09xBaJW)z=g7 zY_lc5@ufgNJkp3O4X1>XT_O!jzttl)V(tc){q_PmZH2cW7$Tka-wP^h1l%RRlXzms~TB+q_$qZpc4|{q9oaKPb$Z-j=4h zDcFTCn;o0Si3#P;7MCP9py{jhYHS+N3zq6^l3vr)p%#4k@Ov@i?!u&DuD20V?x@eg zF4yrU3clatFk=$72vF#g!8Sc#%*6-;>>bq8@kUCLi@;z6IsxG7qH|^|7ehersBbg) zMiP(n=dnobf0v%f06Xor|AHzrDvv{uj7k6Vj^rZnf$9lqu3w}uBL~UIF{(-6aaZdoUWun- z^zYBhTC+=tchtv8;RFa&QNK{tcEwo~O3$RVl|eR@F8>3H04DMq8c@EeffftLAv?Lr zraPKqn2!i919GR7t|jeK+99S_6HAUCh{^FX=sj-V#F8zDqWHZ)8_0m;7uL!9$!(Lx zQuwamo39ub(&lGQIV3%8-fs)J|T1zCuXx)JBmeVJxf>-@#T|;nn~A z8onG83SF`>Zm6_JY$hbbaK(0HL|QFe{qMoI4cn-~%&;Iid~I6dA=t3Zjj^1BCw^<% zI|sOCOzL`xM6#`GzV4sq63#r%+y8;0Vf@fLI3_PCiOs1-)KtNSIXX_XGavMp@6-Ia zDqlheyuR@TJJ9rXoZkaZpQOKeB4tTOn|}pj*CaV z8K}^^(UUyu62q(rkDXFX*Wb7}9^+;@;|JqE#2|E!$ya5HrQ`L9Vo-~8qY9rn+SS0+ znGBKNCvfK^QuSesBsh=Vgw&Zr0w7eI<^#y6La;gy(R8XzZ;fMhO5zKG0YO?B-(WZ4 zjI~U|t;POI7E%S}-_NGq#T{It-2@Hi^37M z?l~1&y76nV?4m--Qgt}W1%Rsbh!-wtvU}QMllFr*2vW^c&A7?u5kPW0W*`l1H_|#z zpt>_?wow-ii)Pt?ebf|r1y(`*z@)B@P?g6hq zppI=hUVr==3sZmr&o)tU3GuW^9`%9qJN>bgWW`+Jdj~Dx;k-z#m^CQZd@C80=Mb9F z2+|Wo7&|Po2#po2S|T_2_s%7s4?0!rWxvcF<(k^}3Q0m2GD4Z?!yb;R*@-8->P3Ox z-c9(>zSjF{WW2#v8a~Mgu7b{k-a`(h5@});uFr!^IsOQwfw2l4yU z+Jo%<(bVi+$38+&l080B!NRKfqZa1L6+A~PmUN)2#}zF`7G`Q1Q+agt<3X^Cc>|}X zF?mFBq011;jV-W|)>K1efQTq+d?=ZWGSo{BFFd6N&LH#&xl{D<+IePCUkycZQyt&a zv@g;2q-nvb00ojmO}CAP@F&IRdsT7x4>q(kAcrz-@rd}bAcJ9{)|OovS`D-KwXkNI zO#e0j@h%{gW9EaG4LX=HmwUqg%X6{lO}M5jEk8Fw8j=$zsx=3V_nN0ti%CIO0{t2c zCeKLhZP;dSy5OgOdmzP5eNM zB->oAAS0?A6?wtuZW%XHNU?6aiSIj$qZ*ecP9ailI!(B9!<^O3&MP&r^Vb4#fA}X? zv^hl=0^SlVfe#1>2-qi95^9#NI^r|RGa#;2fzT^^5YDe8$7HG*|CpH+&7_gb{js5t z2~o*Ore&$CcHy6m9zMCS9$=XMFSrAT>=pqjlWQwV^)KQWlsuGhv6$?SvfY5YZQlG{ z8EnYqJ^2=IinN^c9aQ8xb3aSA(dgRdW7>L20!x09+<}Bh1{ex{(--c?};Uw0{$9nUyEOVQkjK zKI3@)Fj#Y_@{V}qp4r1mBkpJ#9$q1MR*tHYFmdiy-k7EFFIMRn%d3An`lDdPeEpO))(q*%05ZCXR|>B`=C=)5DuLDU+V*JhLe9V3M^6LTOjcTxW<)c z-`dU`T=;+N<(?{=;hvF zN=EtHusv~=-<47h00Du{1V|Bc;!CG-W`R$HSgLRu2YiSJOE64GHhI=DU$#-{W6oX> zb&MJkvSCXWfyFP1{6MTUu{Im}#?;kyT&L+OQlL>7!=BzN zhCM+4nk^wDz9c1AS*n5^Vf*#b6q|dw%`t>pgAE(fb9TV4$Y9%5$L{HB(0tSGCihNz z00}JLe2r)o8qK-W%(PuOz(EY0F;(r5b&qzxC!UGo+pGqPH8d*dyPECZp6V<=l=CS* z_Uq(eV8~%c+Z%tip=093)nz$Q;jUh}xNfS@yR_{pk7C%?GDRz9NwkbFpa=w**Q=%Z z(PZGGJKD{}Z`B}Y7XMI=p!gx}hY-fIbwQtz1nDt6hn%xigi0l>}wGr;#sdYUvM z@%n_vd0BE6fMp@3)Rp^|KhXmMql$7BY!fVX)$6#N0Sn2T*Y%)ADoJOH2{Y{(gRlET zvypZrJ@*~j<;!^hb1BgSjmCcW_NQFAT)H1B25Ii^Ps^uk)#)?%$+3hcqkELv_PC1MjgS%UvWMHT$6FN=&#Meg?*RMp&$RZl>}~b zLOL*CncGwU;ZVHhJE9Xg+4prjL-;n@Rn9extV5`{C_crtp~1-et|9!Bc28<|N5U4d z{8eXmO~yHUG8r^BUD0%8yonpF4t($8aj(Cm6K6hdKgV9REV+#*tm9WWKG0;(LGe%T zH;wrp*4ro_?_B@qZ^Qqbpl8_o-t@WfjMprFl(g+Z(Z@?Gu4XYQBb|un4wFf$v>!ia zqzEJT7>n&Y?zY;3>}mHzjzOk(DwWpTySwQ4(;1c`p9#ipsaa$a{ut4%S44T47RRJL z3M8_!32wc0g(&Q`5b9Ynk1{R6KlkaU^h(M?++N_@MnApj{=mY>uf5GajlKTGQ)`;;l{^F2@v|w~ZU3ZiFjvztl-v_L=FT+;Mm-_4e$L+^;%WHEh{+lbO^R3-bzQFq zkKH9FK|g}1Y5Yi_RfO70hXbqG_Ef84?xb_`^=XIWa3$tK-K3Mc;1_n+4zJ7x$%z@o zDf3sh4sXn0#7V{+c5oR#`oi{Bk*D7eo4w1Ztxp8m?@b&m;?GbYiKbFO*^wrFHIQxF zZJBRjhb51<_0O}N+vRaBW-Pd#7{c^xBw7nvDw_VxNqAYHu#BB9So7x1g`u=$=c_5U zp0Lv5!K}S~`W`7Ae~yCtR8K*C%D%owQIE^5+*-}MgCN5q!Q z@GI7QR{=WRV{ezJ=sS*2D=|^TuH7zIt}RXE-Q-WEMKq|Ugo$n$m_EC2^?Pf)vWBZj^p?s zDSz_u5PxZs=OeMv6N^kA%QF`1#cCl-d3;piamJrJ4LQ1%P)(zSY?<>YOfR3M)2W*y zXRsRR@bYaQ21Xd8eFEz$0jLK-)<;k{m^hvOtn-M#a@($EywH218P7go1>~P!`-DeO z8MiJ$Dm++}yFC%`OT~#d-vh^`%m(>5y)(XWYL=9m4rgoJA9y#Wm97u;r5Yaq3TX*^8sjfv+c$ zRJY|U83w_Hs`UrP7$NF!N~ew-P2S?CCg%{1qIbSNYOjFxk$VWg2ZQyLR|R?LLlorz zI=X&JK5ld+>rbY5=@jR?>$grbueiU|cc100CywlvfYEb6YER;-d%L>Z^A$~bybmSI z7`9?;pXfS8N|zqyP8#9d7)f^(Zj2Upi6};;;0h4f>St7Zfs9Ms>q!zY*T5=BM`E~LR(FZ4FnOA13bqk#b^t37Hv)^My*oRA|IE))$1U!dk4 zyI+bNYy}mW3y^K)1Epe)gjv&pU+XSk?V-0)Uti&ez@AxUUC)Dlgs^736Ia{HmpV=M;OEFV# zynK^6D~H6rgE*$E$@afLEV_;b@wVf>3*M!5ki!mQI+*_O`Us7M4u^GTOm)vCEQ!^e z!6!R(wbNi`()3KuFX5TYw{qOzJs03FSBb6)D2GSA9V_#-Vno(=^**|3ysA`RR-L|J zL_!rbEipa^0GYW~pCK0UR?*f%5KK}bU@7$)wN?Sk-u(iG0M5)wO2kNxUJapPqDE@d zOEhw**UN@P#n;5LtD=qqwj#E|go9yLLd2B6U#KIU@x7tSn1;RcSRya-gO}?F_B#@Q z;li>J+dyFu1s_UkROCW)>Pzp)Le$37nmMJkRV@?FT@0HCVDq5bp9-O%fJ+wnVU+!AKu5u~+Rmp?rGTZ5;C8Z!kJ}+3 z|4Z!>Ue5^3|7*glwoF6W_l{`NrKG*6Sh7ns8kHOdZ*bf;< zAs>mXnJBNZ((anNvhF9`cp6&p?9e63l++sr2lo~U*j{`T4Csd<3L0ry@HZmOV9;;4 zy-Hhl9k&lghM!`)MI5jPFTis)pIVZ-VMz4BI7| zOo6+lLaRHClJW0V=7{U_hn+CZvZCCn(yrsx8c%}XQnnTl?WA2BI-^Llx5@~3+sn3s zV*SXn;WR3?Z>8$9;(SOx0t^Ji>PHnwzhHar#81 z3OUI@1uw~5E<*lN*Y%OsBRJ9;sJ7Fg-y-ScilLQX5}p&UymN;7rS)DT3yZF@QED69 zT)mJV6irWp+}P++sWTH5cF&K)He(>mW$qcZhC>8MD&{A7ww7n1L;^rc5v`C@74y@x zNP%6_jo3#&JIxw*&yHfM+&>X^X@Q<((!1&L;-35_u7C9-4ZQtYvO3`Nh-}(=lVr$g z$T~Ue)r`+H4m;kM)yV*+fr0N!Kb&nai!q$6LhZ#Own4qJd8#NjSvg=`7zB0_)E_U{ zdN?kBvgXeW&B5ApuJPvS)s6mxvq1gOAaT)#lW78%?zoR(E%Rb zl@hU&k79EIwRnAc+{^KlJa2~0^7c`=UySRUv4L!ZGM==RBDzd`XoC*OM>G#e_oYJ= zTybhTp3_NP>h_L%P+(hPkYxy`?T*0i1owU$wOSoDes)I=uKA>ZxVWBph38FH zojK&?@*<&9)$3)z`~3KKUU+y@aZO9VvOEoz?X>*zh?k0jJ#TG~L*pF@dc;crn=^<9 zxfyrYi;041r7+B`JM^;;NNs1f!vL5yX(k=Ukff?63t3wrw`uH?o8-A|t-`@+bGFgma!@e<+M=+DrUhZK2yiky5uq7DcKW7H!*h>4m}y6Nbt z@>>=itBjh((PgKF;NydnOqN=p8l@|XZY#?pG&dEEsbTrhkMpC>uNWix2e*9;CA-~9 z7{VU4@9uF9a$eGf+2pE1eBl!T^MWR(?qiHPM~*xw4$HhL&_3n)bivN9MN+qj=Nb~= zAW7Khy(%esVFkNcZQ<*1>PAU2Aml-8?aa5J~FRv`vJAI zZ{|@UACRQbP%e6_FwNQyx-{bXYm#rFS7Ju&k}OE_4Uik$P6+$-S-R{xC%iE>krctw z#5MC_?F8HfEDvrG=A9$2XW*mkE-wH$L)2F7?Sq&*i#uaA=6Z>U9xF zoMJCh9_V9e2(IdZ>;^el3XKh)!az(6cj(HyPqY^x6GmS_Z$F0)MCcEyF@+VmVCmz-@;K=&T-++mtgcef~s|nizZI%(YoBo}sNAE|3 z?N}B9&KJ~q{hfl>y+jw~=AZo*QA4l+9QPv@TMS+wCw&?ZyC#lu9`h9gMLMDKz*DS& z#HiIr3s)w0#^@H8Eova*QqC9ea1It-=LeZ9&~`@&j(%5~_TddO^hBp2n#pA8irL`q z&@&%=eJtB@scu+TvL zK#O6r=j$F+@p^P@7cM*M9?>uV1SJa-3&J1E{CCuPYFk<(tHYe=|e)v2D}eoB&yq=xF)03CW^s8*(2V zyc14eS(deoR*o9U1S306Ch~ytS;z*?0Ii4MC`4>JOYrf4LYJTj(h z3;0M(5Cjeh%E(NegcHP%^V9y%D_9M`K4ld=n|v{CW=b47V4aeSHG=Urovf6_0<+%u z=pD=J!)IL&b`8%WVI5G_bN6uyG}MDmK7tM;WIz*(o2?dwDL5WA=+BSUM4Nd_t*zJrF8;!FpNMID z1{(Rq{V8i1P&8cCvydloOxc0s=46}OX$6|+eui9LSav4oQAkI1<4fxko_4B{)iK1E zX8@0|wFH|FBB~@vJ6GWLV*#7y%tzj-U2Hb+x_xuH8Cm}Pn=5M1g<`*$iio5P=l2;B z@t%u%Vo0ki-cT3-V0A6j$jZYmhoQ8O(v#3M=ku1%S_p$ZyxNi%qY=`$OEZl4lEQ?| znw1mEdN=Kze_@`R$6aVKOzrn(L~O;qV$ur^IlsN683jAK1i?e20Pv{xPl4INi$q|0{ zb@OOo;=lx}YRCT@mno3*(_KfckbqcFnh545MAHg&3w~Z&N7_0KXNSe9IwohqP{Q6_5pR zsfo^IB+L^OXo)3PNkS;3rlyBldt67Vqzl&LD<(+BkM@i&u~F3%yAPQywxZ=%tLep8 zS*S{_gy+Lw!ndQU8nVvyC8CfH-oTn~of8y6_`hK_gY2&Qm#Gz$>+IkjIoOz%Ys{Mq zVQV+D4_k~NK441=sD#q~(A~b9>nNYd#1er~S*|Zf^KDR$_UAo+D_i(#$C-7R+>>CA z7tod!JH(MF>V`~}ZwpD`8IoyiMr%Nses0Nc+JMBYsX1cxZzR*hpMSYcPfE!{W zBL3n^CmkI-5Fl*C783Ps#)>vX{wRk}CJTgw$_e70*ui2Y^V)5? zWGO)^)p|^~;gCX;momK36Vbz8%<7f5przcJvA75CY$_8QSCuCLkJhgp4u}Ed3U1~{ zn%Hw>C*{HZHnN61*2$lpKWqR<+3-~Rpq+?SQ;qJ)RG7fhuffRWE42^wG65?a(dot8 z99Z?8)peE;l2r$Cw|oM^z&Gisv?19vwy2BS8}|E@gmWim0qWcu(qL&H%1`{_e6arb zhNLcvdf2`){#VV?m8e@yn3j^qqn3Tbpz9BQ&vH9WTX{#J0pRoLQgnj!AE9x|k*0C#% zeJVnG1D8ldRj2)hcnans6uKt2|9ZthV*wb84L$=>SI)@uNd7hcVc;-87GTj_s+Up% zn6U+XW-TfVMsGUAwLf~w*_oMWs%GYY(I%gG?`zdDs{7)+c-Xn^bK4F^xU(FOlwG<5 zA^RrB@@Y+TokrI+>-t>-E{4}Sn=a3H&Dwl1yK#^@WUuLSCMoVL@D-Ky54iNDg6EP} zY%HPC!Bf5HjGf}UEJS5MQ_Ox`pw2=o>!3}Dsx9#w-8o){ahmjzKCSsjH+Cr10&@DI z;5@e`(Ak$s69n^GO(Fy$Y>C;-az5OyA`f*4&G1~nlV~H&OH*zeY|!@Gb?V<+l1V?A zKz|ljQx;qp3$d}64;13OcD3%!J|FLd^-oh^6S|MmX0QVTI9wWHQ8unTe`%O4{Z!(u z-O6d;woyvA4Q1L<**?bOIbkYrqV@i6%3T>>X|9fm@^~R2zcv!AIyX$mxc~wP9h$`1 zhFn^5hVF6DR4BerM3#6fCW^d#4c2KdSbNGmLD6wHSsntL-QWb6AT7C5`M%a3pdaRJ zSraSoUsn!gx-_%v+EgbCIQXFNEjH92nAVN}jka;s=|b2Ag8nYu(RF{9{7FO?T5EHs znnZ*HO2A0CBN??jT>*7-HH&Lc=dMh*Dgxds)DJEo4-e~jOf(*&)z7JnG7^jAXU(ZQ zemnSjF}>p8Me%7~RK#|No8^?agS<8uf<-~!P0u?U7s^R#3c}UgV?QRkreK9zpz+7t z8<>Gz*4sy8)wH{xFzjLr6;p#{OT1M-b(-D~fq(FgrmeH;W#vF$RO+^yb)vA$7Htx^ z+R>ZKsJbd%ie9YfCvBp?Z~O_1$p}8k`i)f4PXwSF)}Od;!O_Owm2w(ZXXWr!yL@0)ZCf>AO6%CM7>SoUb zBlJF|7^vo@86+3SIk~Ca8PRrBiPr1Uq8vrug4i`<3>+txw$+0?q}NRymqpazOU!|6 za#74``w==#1I~rXW4kWfNI2JJ0qL( z=tSl>{*tWBm7M%%0E{@^;pb zGW45WfE7FtM4-2Oc7e^65Mn^e{Pv#zy2w0Ac~c(D4mL59E0Uw1nh5*yt?%EbA;C}6 zbBXO+&^B*GZ_GUHIkhVmAIy^{^1E9q>HoQb5^37QTzuELK3X~#%!+aXd)Vzn0%Bp1 ziX;(n!TYdX1-YEi`z=3l^U+hnd*nPA}si#gOK=| z3*?q`4Z5J3I*Bcd)Cm+g9qq8;mEWvBn?_}wY!1u&N_reP#5ua7^6!TNUojeKNhIyF z&wDaH2^q1L(}?M-jP!l6f0J-ImsP39|A$)?Z%^4}XXJLM-40-*Hbu6az&4lGINv4DlP~}@ zl0(i>!Z92AXy^)kn`D3W&@r=~^;Y8wq-wQZfC7^ZGCe5%VcX>Khg&U3by>haou<{$N13n>QrgKKu-x{AbX3{-izTKhj(mvcKrbLIO)7#?rE}7@5FA>z}x3slt6ddqf)iqy$UYMRY<*4 zOb+`U!%MLj@1S8J+XDCDwTqX7iL3z7jR!92LL%H_Y9c&D>rSM5A=CjYpFhxJ4~WVL z1nnY8!3}K<&VIjT@giY-RlJyw)6Pe9d#1cS$+i*pK2HahRZnrM{3)!hdj1D23)vnzM$sI0zj(xsy$Y`uie=s_ddMI0jIDz_Cv&>Za zIc;c)2v02yD2i>U7AoxPd^HicaN>KyZ#&5PGTK7<_92nzaxCmEDU^*xHKh4ha7ko3 zw?=L*X&h7R>+YjY2?-k9)!Z5+cqI2t8qy9c21a0{v2J0(E``aLZ8!(64U63l8+rOV z!27SOR@Zc&6!NlH|MyLn3TlW8I(??txfQ=Swq>bX8LiDa;)B$n*9ReviHCBE-b5Z8IxXk+zm^_X4+v>wEO0|yax@L%hSKE02ef8JW=ZSJ_m0sg}+or=- z7Blf~`d*uR&3#W>K3Km;6)ntcL;VNy8N{H7_r}Z*pPEexMw@n;r%#}LI{PVT>bZWH z`+*JuBK^zXkSQe{KDlBDD4@}Hv<1|q<)LPr()yKNVU3e}(WygnW)*1Uqq;2_e!~a-4)@EA*^*nGS2ugi_DI9} zq3f%B5d{K;F<+5QB+plfnaKcJ8iCvqqj zV$9khvR-0)XX}717tb+ZLp8Kjc2bLPlu}#$vOtpO>%Y>QXSxisaq-%jDUs@f1=EIp z>KPeiabj@0R76;oez8|;ggsi;F`1@bp2I;?uJX;67;G3Q+adbEYdCn z$|J9wwMScH!W-Ec5V#q*VuRBTX|tbJb+wuG(_`0S8#(~(3d|Dir){(yMA4k=(T-&a zX@!R=)fHfWST`^LS+)u5X`crCJFRTyG{A@rq;AN99^`S1UOU~Rr4`t5>aItXKZHLC z_;Nqdgg-0^3mgry1%ge8BLt~VJSfaex>^JS^=CN&RYEl&!$WyvbUmKGlqPi(ZfCkoHz^m7BET+-DHnN zeMoqV7b8aeWIn9tCH)u$4_d}$`BXyvgwOjzR zNz2dGDo`Rq!OFKCWMS9Ll5IZW$*9aK9)wSI@Hv(AVJwqm)no_Kj(>$M^cnM=fqd1` zSvoX%?%Qn|z%fPja#XiVyDyo-jGCy91(-gb$X9|w~=ltqN#adW(b2-cr4J!@K zWkZ;nrTK4&nue(9PyJ7`FdH69$8`u@?|4;_Osbul&_O=~~;q7ICePGFjc=ua^r1=-?pioflUz(aEGQKXfsLNdN+ zPW7;NaN~w;IS~WwLDh+x87$*xpnH5;O(5Z^(VDtIKfmp$syz~18mi-O@#?v)Nc@-q z(RE*&_9B8WS{H8;hFq{Yl4_MLlnA15E`o$I!+~`@@8Mr5g)uV@0G2VGuw4ds;S98M zLfO`E{+$7Ce4%Iw2IOl8v?$nu;*xbn%E(~%b4#lt0*(A4#HSGNUg^%wHF?~wk5>62 zjF8}#e7%26Y>R1P9$jO#v6aM0P19mi1T>txTtIokGe7`{Pb|EVLPb2a)%-HUcWd8$ zCt07qEm$OXo!pbyl_tbRddofSyNfa&s>$R|Lm8O3YJb4`EPQxfB7bQ?gFuLf9J1n;e zNrlC&_>q8yzE*LoSkE&0d>k6IjR{$ZKpY ziBd!-FUN1^^|XHTZt8d7&fF&NQ2Oh1=b6ff36hZ%JP6X?5+1--3FGGRf*U!shqVJu z;k+x_%4LO08qb~}Qu?%hWRR`F&dy0D+_|gy(qYRH$?D^S$1Hw*Z#!h!N|S3ujv>%y zT{ZO`xn0ZPgDKq3&VA@Fpi))*sNb(DiUUaJQ342I>~mH^`6a}ujr~B!U7bSHh#@j2?N)zT8i;}dz zJ_f~LZi90?pT;)4esKkfaYw~LSAoODb5pK+DuDT^Y8adt@mDVrF8#T$QYs>=syI37 zBuOBDqo+`C>MA%-2<&~0?!Hn7W&kpicz4nrQzIz))bZ>5#}Bv?Ig%HTs#Ga67-A8z zD4bN^N~p#?Q6@Tm9iD7pV5C+0;;qX|>HErFmfN!O$B59k3a%rw3`v{Wb_gS1Q`2ol zOvi87NvqIwcRp)QY^P=qG|H$Rf&ovu*`U4aWLnj@GG}BU9lZ~qXC)AwK&v5m=e6Rx zWQ?vB_|NBkKP^?&Suu&^+Gud&yd5gLpGE{7=f5YT9MgOG`Rj(Loy$p^459&7{?+I) z%49u1w?v{oOP;fePsD1ez*BzcRljl8}k?a4g2J1XV?|l)T@kGK$Kl=)iQA+w4pZSaI%`mE8hw zlHoP_vvPXftI?vQHjLobn`>|JwYU4+Bn&CSrLAytIF`=sz8cTs2M)sLWVoa<8 zZiNi8x6C&zkBFfr7G5FS+IWbK=#%j_(}v2@T6IqDt6HsEejS1h+>G;d&s|q+{IDEH zBoO}P)LOq#w*InRR%e4R1WeXfUy3!nsK9$zg;q&uY|u^)rlajFCcpn1{`v>NK#1LZ zfl#W4-KlawEC4oLV52i}3DgB&ZRxnup}>$Ij|)hcV*}u~Gh~gYKv~(;fPYhrh5yVT zsDQwtxd~a(7f&tt$d9E5Cvd&r&4s0ziCjLIfIy)W+6`~|VgmTdkEkgGcAak5&{pu_ zDvTD7;T`spNidhH89Ly!;$yNE4FaraFjY6QtB8l|iUMLCp30F!u(JF&rjf^DFF!B` JQ4fHC{tu4$Rtx|D literal 3486 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 Mnz=QjIsgCw0CoPm5&!@I From 070fc494818e9473e2785c3631e83230cd9fd1c4 Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Mon, 18 May 2026 21:31:19 +0530 Subject: [PATCH 07/10] 001: Removed row data and columns topic and also change Gird events content --- .../datagrid/getting-started-with-maui-app.md | 68 +------------------ .../getting-started-with-server-app.md | 66 +----------------- .../datagrid/getting-started-with-web-app.md | 66 +----------------- blazor/datagrid/getting-started.md | 66 +----------------- 4 files changed, 4 insertions(+), 262 deletions(-) diff --git a/blazor/datagrid/getting-started-with-maui-app.md b/blazor/datagrid/getting-started-with-maui-app.md index 427351d514..b929cc2db1 100644 --- a/blazor/datagrid/getting-started-with-maui-app.md +++ b/blazor/datagrid/getting-started-with-maui-app.md @@ -120,72 +120,6 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. -## Defining row data - -To bind data for the Grid, you can assign a IEnumerable object to the [DataSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_DataSource) property. The list data source can also be provided as an instance of the **DataManager**. You can assign the data source through the `OnInitialized` life cycle of the page. - -{% tabs %} -{% highlight razor %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 75).Select(x => new Order() - { - OrderID = 1000 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - Freight = 2.1 * x, - OrderDate = DateTime.Now.AddDays(-x), - }).ToList(); - } - - public class Order { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - public DateTime? OrderDate { get; set; } - public double? Freight { get; set; } - } -} - -{% endhighlight %} -{% endtabs %} - - -## Defining columns - -The columns are automatically generated when columns declaration is empty or undefined while initializing the Grid. - -The Grid has an option to define columns using [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html). To customize column properties, use [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html). - -Let’s check the properties used here: -* [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Field) is added to map with a property name in IEnumerable object. -* [HeaderText](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_HeaderText) is added to change the title of columns. -* [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) is used to change the alignment of columns. By default, columns will be left aligned. To change columns to right align, define [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) as **Right**. -* Also, you have used another useful property, [Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Format). Using this, you can format number and date values to standard or custom formats. - -{% tabs %} -{% highlight razor %} - -@using Syncfusion.Blazor.Grids - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - ## Add Syncfusion® Blazor DataGrid component Add the Syncfusion® Blazor DataGrid component in the **~/Pages/Home.razor** file. @@ -265,7 +199,7 @@ N> If encounter any errors while using the Android Emulator, refer to the follow Exceptions occurred during Syncfusion® Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event. * **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting. -* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs) are correctly bound. +* **GridEvents** - Use the same TValue on both SfGrid and GridEvents when working with GridEvents. This ensures that event argument types such as FailureEventArgs and RowSelectEventArgs are correctly bound. The argument passed to the `OnActionFailure` event contains the error details returned from the server. diff --git a/blazor/datagrid/getting-started-with-server-app.md b/blazor/datagrid/getting-started-with-server-app.md index 953203ff8c..0471f40c6a 100644 --- a/blazor/datagrid/getting-started-with-server-app.md +++ b/blazor/datagrid/getting-started-with-server-app.md @@ -145,70 +145,6 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. -## Defining row data - -To bind data for the Grid, you can assign a IEnumerable object to the [DataSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_DataSource) property. The list data source can also be provided as an instance of the **DataManager**. You can assign the data source through the `OnInitialized` life cycle of the page. - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 75).Select(x => new Order() - { - OrderID = 1000 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - Freight = 2.1 * x, - OrderDate = DateTime.Now.AddDays(-x), - }).ToList(); - } - - public class Order { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - public DateTime? OrderDate { get; set; } - public double? Freight { get; set; } - } -} - -{% endhighlight %} -{% endtabs %} - - -## Defining columns - -The columns are automatically generated when columns declaration is empty or undefined while initializing the Grid. - -The Grid has an option to define columns using [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html). To customize column properties, use [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html). - -Let’s check the properties used here: -* [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Field) is added to map with a property name in IEnumerable object. -* [HeaderText](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_HeaderText) is added to change the title of columns. -* [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) is used to change the alignment of columns. By default, columns will be left aligned. To change columns to right align, define [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) as **Right**. -* Also, you have used another useful property, [Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Format). Using this, you can format number and date values to standard or custom formats. - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - ## Add Syncfusion® Blazor DataGrid component Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/Home.razor** file. If the interactivity location is set to `Per page/component`, define a render mode at the top of the `~Pages/Home.razor` file. @@ -287,7 +223,7 @@ public class OrderDetails Exceptions occurred during Syncfusion® Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event. * **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting. -* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs) are correctly bound. +* **GridEvents** - Use the same TValue on both SfGrid and GridEvents when working with GridEvents. This ensures that event argument types such as FailureEventArgs and RowSelectEventArgs are correctly bound. The argument passed to the `OnActionFailure` event contains the error details returned from the server. diff --git a/blazor/datagrid/getting-started-with-web-app.md b/blazor/datagrid/getting-started-with-web-app.md index 18c0dc0180..d47f9f69fd 100644 --- a/blazor/datagrid/getting-started-with-web-app.md +++ b/blazor/datagrid/getting-started-with-web-app.md @@ -151,70 +151,6 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in your Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in your Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. -## Defining row data - -To bind data for the Grid, you can assign a IEnumerable object to the [DataSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_DataSource) property. The list data source can also be provided as an instance of the **DataManager**. You can assign the data source through the `OnInitialized` life cycle of the page. - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 75).Select(x => new Order() - { - OrderID = 1000 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - Freight = 2.1 * x, - OrderDate = DateTime.Now.AddDays(-x), - }).ToList(); - } - - public class Order { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - public DateTime? OrderDate { get; set; } - public double? Freight { get; set; } - } -} - -{% endhighlight %} -{% endtabs %} - - -## Defining columns - -The columns are automatically generated when columns declaration is empty or undefined while initializing the Grid. - -The Grid has an option to define columns using [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html) component. To customize column properties, use [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html). - -Let’s check the properties used here: -* [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Field) is added to map with a property name in IEnumerable object. -* [HeaderText](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_HeaderText) is added to change the title of columns. -* [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) is used to change the alignment of columns. By default, columns will be left aligned. To change columns to right align, define [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) as **Right**. -* Also, you have used another useful property, [Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Format). Using this, you can format number and date values to standard or custom formats. - -{% tabs %} -{% highlight razor tabtitle="Home.razor" %} - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - ## Add Syncfusion® Blazor DataGrid component Add the Syncfusion® Blazor DataGrid component in the **~/Components/Pages/*.razor** file. If the interactivity location is set to `Per page/component` in the Web App, define a render mode at the top of the `~Pages/*.razor` file. (For example, `InteractiveServer`, `InteractiveWebAssembly` or `InteractiveAuto`). @@ -293,7 +229,7 @@ public class OrderDetails Exceptions occurred during Syncfusion® Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event. * **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting. -* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs) are correctly bound. +* **GridEvents** - Use the same TValue on both SfGrid and GridEvents when working with GridEvents. This ensures that event argument types such as FailureEventArgs and RowSelectEventArgs are correctly bound. The argument passed to the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event contains the error details returned from the server. diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md index dd47ef7dc9..7041051192 100644 --- a/blazor/datagrid/getting-started.md +++ b/blazor/datagrid/getting-started.md @@ -143,70 +143,6 @@ The theme stylesheet and script can be accessed from NuGet through [Static Web A N> Check out the [Blazor Themes](https://blazor.syncfusion.com/documentation/appearance/themes) topic to discover various methods ([Static Web Assets](https://blazor.syncfusion.com/documentation/appearance/themes#static-web-assets), [CDN](https://blazor.syncfusion.com/documentation/appearance/themes#cdn-reference), and [CRG](https://blazor.syncfusion.com/documentation/common/custom-resource-generator)) for referencing themes in the Blazor application. Also, check out the [Adding Script Reference](https://blazor.syncfusion.com/documentation/common/adding-script-references) topic to learn different approaches for adding script references in the Blazor application. Refer to the [Style and Appearance](https://blazor.syncfusion.com/documentation/datagrid/style-and-appearance) topic for customizing the DataGrid appearance and styling options. -## Defining row data - -To bind data for the Grid, you can assign a IEnumerable object to the [DataSource](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.SfGrid-1.html#Syncfusion_Blazor_Grids_SfGrid_1_DataSource) property. The list data source can also be provided as an instance of the **DataManager**. You can assign the data source through the `OnInitialized` life cycle of the page. - -{% tabs %} -{% highlight razor tabtitle="Index.razor" %} - -@using Syncfusion.Blazor.Grids - - - -@code{ - public List Orders { get; set; } - - protected override void OnInitialized() - { - Orders = Enumerable.Range(1, 75).Select(x => new Order() - { - OrderID = 1000 + x, - CustomerID = (new string[] { "ALFKI", "ANANTR", "ANTON", "BLONP", "BOLID" })[new Random().Next(5)], - Freight = 2.1 * x, - OrderDate = DateTime.Now.AddDays(-x), - }).ToList(); - } - - public class Order { - public int? OrderID { get; set; } - public string CustomerID { get; set; } - public DateTime? OrderDate { get; set; } - public double? Freight { get; set; } - } -} - -{% endhighlight %} -{% endtabs %} - - -## Defining columns - -The columns are automatically generated when columns declaration is empty or undefined while initializing the Grid. - -The Grid has an option to define columns using [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html). To customize column properties, use [GridColumns](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumns.html). - -Let’s check the properties used here: -* [Field](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Field) is added to map with a property name in IEnumerable object. -* [HeaderText](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_HeaderText) is added to change the title of columns. -* [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) is used to change the alignment of columns. By default, columns will be left aligned. To change columns to right align, define [TextAlign](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_TextAlign) as **Right**. -* Also, you have used another useful property, [Format](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Format). Using this, you can format number and date values to standard or custom formats. - -{% tabs %} -{% highlight razor tabtitle="Index.razor" %} - - - - - - - - - - -{% endhighlight %} -{% endtabs %} - ## Add Syncfusion® Blazor DataGrid component Add the Syncfusion® Blazor DataGrid component in the **~/Pages/Index.razor** file. @@ -272,7 +208,7 @@ public class OrderDetails Exceptions occurred during Syncfusion® Blazor DataGrid actions can be handled without stopping application. These error messages or exception details can be acquired using the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event. * **TValue** - Specifies the row data type of the grid (for example, Order). It enables strong typing for templates and event args and ensures proper binding/formatting. -* **GridEvents** - When you use GridEvents, set the same TValue on both SfGrid and GridEvents so the event argument types (like FailureEventArgs, RowSelectEventArgs) are correctly bound. +* **GridEvents** - Use the same TValue on both SfGrid and GridEvents when working with GridEvents. This ensures that event argument types such as FailureEventArgs and RowSelectEventArgs are correctly bound. The argument passed to the `OnActionFailure` event contains the error details returned from the server. From dd95c5acda6ef393be3f364ce5c9944cb9d214f8 Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Mon, 18 May 2026 21:34:39 +0530 Subject: [PATCH 08/10] 001: Removed the following code demonstrates lines --- blazor/datagrid/getting-started-with-maui-app.md | 2 -- blazor/datagrid/getting-started-with-server-app.md | 2 -- blazor/datagrid/getting-started-with-web-app.md | 2 -- blazor/datagrid/getting-started.md | 2 -- 4 files changed, 8 deletions(-) diff --git a/blazor/datagrid/getting-started-with-maui-app.md b/blazor/datagrid/getting-started-with-maui-app.md index b929cc2db1..aeb5d66b91 100644 --- a/blazor/datagrid/getting-started-with-maui-app.md +++ b/blazor/datagrid/getting-started-with-maui-app.md @@ -205,8 +205,6 @@ The argument passed to the `OnActionFailure` event contains the error details re N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. -The following sample code demonstrates notifying user when server-side exception has occurred during data operation: - {% tabs %} {% highlight razor %} diff --git a/blazor/datagrid/getting-started-with-server-app.md b/blazor/datagrid/getting-started-with-server-app.md index 0471f40c6a..548984f959 100644 --- a/blazor/datagrid/getting-started-with-server-app.md +++ b/blazor/datagrid/getting-started-with-server-app.md @@ -229,8 +229,6 @@ The argument passed to the `OnActionFailure` event contains the error details re N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. -The following sample code demonstrates notifying user when server-side exception has occurred during data operation: - {% tabs %} {% highlight razor tabtitle="Home.razor" %} diff --git a/blazor/datagrid/getting-started-with-web-app.md b/blazor/datagrid/getting-started-with-web-app.md index d47f9f69fd..141e4cbdce 100644 --- a/blazor/datagrid/getting-started-with-web-app.md +++ b/blazor/datagrid/getting-started-with-web-app.md @@ -235,8 +235,6 @@ The argument passed to the [OnActionFailure](https://help.syncfusion.com/cr/blaz N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. -The following sample code demonstrates notifying user when server-side exception has occurred during data operation, - {% tabs %} {% highlight razor tabtitle="Home.razor" %} diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md index 7041051192..e06137c17b 100644 --- a/blazor/datagrid/getting-started.md +++ b/blazor/datagrid/getting-started.md @@ -214,8 +214,6 @@ The argument passed to the `OnActionFailure` event contains the error details re N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. -The following sample code demonstrates notifying user when server-side exception has occurred during data operation: - {% tabs %} {% highlight razor tabtitle="Index.razor" %} From c50527d1101755efb228dbd2ae940dfd89dacf33 Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Mon, 18 May 2026 22:17:19 +0530 Subject: [PATCH 09/10] 001: Removed the images in the preview enabled sample topics --- blazor/datagrid/getting-started-with-maui-app.md | 2 +- blazor/datagrid/getting-started-with-server-app.md | 2 +- blazor/datagrid/getting-started-with-web-app.md | 2 +- blazor/datagrid/getting-started.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/blazor/datagrid/getting-started-with-maui-app.md b/blazor/datagrid/getting-started-with-maui-app.md index aeb5d66b91..99af1bd28b 100644 --- a/blazor/datagrid/getting-started-with-maui-app.md +++ b/blazor/datagrid/getting-started-with-maui-app.md @@ -192,7 +192,7 @@ Refer [here](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/devi N> If encounter any errors while using the Android Emulator, refer to the following link for troubleshooting guidance[Troubleshooting Android Emulator](https://learn.microsoft.com/en-us/dotnet/maui/android/emulator/troubleshooting). -![Blazor DataGrid Component](images/blazor-datagrid-component.webp) +![Blazor DataGrid Component](images/blazor-datagrid-maui-page.webp) ## Handling exceptions diff --git a/blazor/datagrid/getting-started-with-server-app.md b/blazor/datagrid/getting-started-with-server-app.md index 548984f959..386c45afac 100644 --- a/blazor/datagrid/getting-started-with-server-app.md +++ b/blazor/datagrid/getting-started-with-server-app.md @@ -216,7 +216,7 @@ public class OrderDetails * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ## Handling exceptions diff --git a/blazor/datagrid/getting-started-with-web-app.md b/blazor/datagrid/getting-started-with-web-app.md index 141e4cbdce..b9133ef573 100644 --- a/blazor/datagrid/getting-started-with-web-app.md +++ b/blazor/datagrid/getting-started-with-web-app.md @@ -220,7 +220,7 @@ public class OrderDetails {% endhighlight %} {% endtabs %} -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.png)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor Grid component in the default web browser. diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md index e06137c17b..6d0e168619 100644 --- a/blazor/datagrid/getting-started.md +++ b/blazor/datagrid/getting-started.md @@ -201,7 +201,7 @@ public class OrderDetails * Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. This will render the Syncfusion® Blazor DataGrid in your default web browser. -{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" backgroundimage "[Blazor DataGrid](images/blazor-datagrid-component.webp)" %} +{% previewsample "https://blazorplayground.syncfusion.com/embed/VtBdteMnJfRLuDhc?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %} ## Handling exceptions From bd63938221de0d48431d298c87a43ed6bb95bbf9 Mon Sep 17 00:00:00 2001 From: NandhiniLeninmoorthy <87972944+NandhiniLeninmoorthy@users.noreply.github.com> Date: Mon, 18 May 2026 22:24:05 +0530 Subject: [PATCH 10/10] 001: Changed the Handling exception notes --- blazor/datagrid/getting-started-with-maui-app.md | 2 +- blazor/datagrid/getting-started-with-server-app.md | 2 +- blazor/datagrid/getting-started-with-web-app.md | 2 +- blazor/datagrid/getting-started.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/blazor/datagrid/getting-started-with-maui-app.md b/blazor/datagrid/getting-started-with-maui-app.md index 99af1bd28b..154ddc8afa 100644 --- a/blazor/datagrid/getting-started-with-maui-app.md +++ b/blazor/datagrid/getting-started-with-maui-app.md @@ -203,7 +203,7 @@ Exceptions occurred during Syncfusion® Blaz The argument passed to the `OnActionFailure` event contains the error details returned from the server. -N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. +N> Binding the `OnActionFailure` event during application development helps in identifying exceptions effectively. Exception details can be shared with the support team to obtain solutions at the earliest stage. {% tabs %} {% highlight razor %} diff --git a/blazor/datagrid/getting-started-with-server-app.md b/blazor/datagrid/getting-started-with-server-app.md index 386c45afac..7a8d15bad4 100644 --- a/blazor/datagrid/getting-started-with-server-app.md +++ b/blazor/datagrid/getting-started-with-server-app.md @@ -227,7 +227,7 @@ Exceptions occurred during Syncfusion® Blaz The argument passed to the `OnActionFailure` event contains the error details returned from the server. -N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. +N> Binding the `OnActionFailure` event during application development helps in identifying exceptions effectively. Exception details can be shared with the support team to obtain solutions at the earliest stage. {% tabs %} {% highlight razor tabtitle="Home.razor" %} diff --git a/blazor/datagrid/getting-started-with-web-app.md b/blazor/datagrid/getting-started-with-web-app.md index b9133ef573..03dcdf01c8 100644 --- a/blazor/datagrid/getting-started-with-web-app.md +++ b/blazor/datagrid/getting-started-with-web-app.md @@ -233,7 +233,7 @@ Exceptions occurred during Syncfusion® Blaz The argument passed to the [OnActionFailure](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridEvents-1.html#Syncfusion_Blazor_Grids_GridEvents_1_OnActionFailure) event contains the error details returned from the server. -N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. +N> Binding the `OnActionFailure` event during application development helps in identifying exceptions effectively. Exception details can be shared with the support team to obtain solutions at the earliest stage. {% tabs %} {% highlight razor tabtitle="Home.razor" %} diff --git a/blazor/datagrid/getting-started.md b/blazor/datagrid/getting-started.md index 6d0e168619..90d8e03804 100644 --- a/blazor/datagrid/getting-started.md +++ b/blazor/datagrid/getting-started.md @@ -212,7 +212,7 @@ Exceptions occurred during Syncfusion® Blaz The argument passed to the `OnActionFailure` event contains the error details returned from the server. -N> Recommend you to bind `OnActionFailure` event during your application development phase, this helps you to find any exceptions. You can pass these exception details to our support team to get solution as early as possible. +N> Binding the `OnActionFailure` event during application development helps in identifying exceptions effectively. Exception details can be shared with the support team to obtain solutions at the earliest stage. {% tabs %} {% highlight razor tabtitle="Index.razor" %}