From 810d4e722177d3b44c0c2803697f504b92c7efd4 Mon Sep 17 00:00:00 2001
From: NithyaSivaprakasam
 <103498896+NithyaSivaprakasam@users.noreply.github.com>
Date: Wed, 30 Jul 2025 15:36:30 +0530
Subject: [PATCH 1/3] Remove format property in final column

---
 blazor/datagrid/column-template.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/blazor/datagrid/column-template.md b/blazor/datagrid/column-template.md
index e12a19452a..07f944658e 100644
--- a/blazor/datagrid/column-template.md
+++ b/blazor/datagrid/column-template.md
@@ -755,7 +755,7 @@ In the example below, a new column called **FinalCost** is created to display th
         <GridColumn Field=@nameof(Order.OrderDate) HeaderText=" Order Date" Format="d" Type=ColumnType.Date TextAlign="TextAlign.Center" Width="120"></GridColumn>
         <GridColumn Field=@nameof(Order.ManfCost) HeaderText="Manufacturing Cost" Format="C2" TextAlign="TextAlign.Center" Width="120"></GridColumn>
         <GridColumn Field=@nameof(Order.LabCost) HeaderText="Labor Cost" Format="C2" TextAlign="TextAlign.Center" Width="120"></GridColumn>
-        <GridColumn Field=@nameof(Order.FinalCost) HeaderText="Final price" Format="C2" TextAlign="TextAlign.Center" Width="120">
+        <GridColumn Field=@nameof(Order.FinalCost) HeaderText="Final price" TextAlign="TextAlign.Center" Width="120">
             <Template>
                 @{
                     var value = (context as Order);
@@ -793,7 +793,7 @@ In the example below, a new column called **FinalCost** is created to display th
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/BNVoNfKNztPbnpjL?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/rZVyXGUNgnsGFJXl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ## How to get the row object by clicking on the template element
 
@@ -1193,4 +1193,4 @@ The following GIF represents template routing in Grid
 
 ## See also
 
-* [FileUpload in Grid Column Template](https://www.syncfusion.com/forums/151021/fileupload-in-grid-column-template)
\ No newline at end of file
+* [FileUpload in Grid Column Template](https://www.syncfusion.com/forums/151021/fileupload-in-grid-column-template)

From 73beaa63a6bf195e1713507aa5cd7228a62f4aad Mon Sep 17 00:00:00 2001
From: NithyaSivaprakasam
 <103498896+NithyaSivaprakasam@users.noreply.github.com>
Date: Wed, 30 Jul 2025 18:08:54 +0530
Subject: [PATCH 2/3] Update column-template.md

---
 blazor/datagrid/column-template.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/blazor/datagrid/column-template.md b/blazor/datagrid/column-template.md
index 07f944658e..9258500224 100644
--- a/blazor/datagrid/column-template.md
+++ b/blazor/datagrid/column-template.md
@@ -11,7 +11,7 @@ documentation: ug
 
 Syncfusion Blazor DataGrid provides a [Template](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Grids.GridColumn.html#Syncfusion_Blazor_Grids_GridColumn_Template) option that allows you to display custom elements in a column instead of the field value. This can be useful when you need to display images, buttons, or other custom content within a column.
 
-> Before adding column template to the Grid, it is recommended to go through the [template](./templates/#templates) section topic to configure the template.
+> Before adding column template to the Grid, it is recommended to go through the [template](https://blazor.syncfusion.com/documentation/datagrid/templates#templates) section topic to configure the template.
 
 To know about **Column Template** in Grid, you can check this video.
 

From cb4cd5a9a4e4a430de652755d8f8c79035b484eb Mon Sep 17 00:00:00 2001
From: NithyaSivaprakasam
 <103498896+NithyaSivaprakasam@users.noreply.github.com>
Date: Thu, 31 Jul 2025 10:28:53 +0530
Subject: [PATCH 3/3] Update column-template.md

---
 blazor/datagrid/column-template.md | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/blazor/datagrid/column-template.md b/blazor/datagrid/column-template.md
index 9258500224..d2b2fc5665 100644
--- a/blazor/datagrid/column-template.md
+++ b/blazor/datagrid/column-template.md
@@ -758,9 +758,11 @@ In the example below, a new column called **FinalCost** is created to display th
         <GridColumn Field=@nameof(Order.FinalCost) HeaderText="Final price" TextAlign="TextAlign.Center" Width="120">
             <Template>
                 @{
-                    var value = (context as Order);
-                    var finalAmount = value.ManfCost + value.LabCost;
-                    <div>$@finalAmount</div>
+                  var value = (context as Order);
+                  var  finalAmount = value.ManfCost + value.LabCost;
+                  decimal finalAmountDouble = Convert.ToDecimal(finalAmount);
+                  var finalAmountString = finalAmountDouble.ToString("C2");
+                  <div>@finalAmountString</div>
                 }
             </Template>
         </GridColumn>
@@ -793,7 +795,7 @@ In the example below, a new column called **FinalCost** is created to display th
 {% endhighlight %}
 {% endtabs %}
 
-{% previewsample "https://blazorplayground.syncfusion.com/embed/rZVyXGUNgnsGFJXl?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+{% previewsample "https://blazorplayground.syncfusion.com/embed/hDhejQUiCwvnURGw?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
 
 ## How to get the row object by clicking on the template element