+
+
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/tree-grid/row/row-spanning/rowSpanning.cs b/ej2-asp-core-mvc/code-snippet/tree-grid/row/row-spanning/rowSpanning.cs
new file mode 100644
index 0000000000..fca270ac0e
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/tree-grid/row/row-spanning/rowSpanning.cs
@@ -0,0 +1,6 @@
+public IActionResult Index()
+{
+ var tree = TreeData.GetSpanData();
+ ViewBag.datasource = tree;
+ return View();
+}
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/code-snippet/tree-grid/row/row-spanning/tagHelper b/ej2-asp-core-mvc/code-snippet/tree-grid/row/row-spanning/tagHelper
new file mode 100644
index 0000000000..f280873907
--- /dev/null
+++ b/ej2-asp-core-mvc/code-snippet/tree-grid/row/row-spanning/tagHelper
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/columns/column-spanning.md b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/columns/column-spanning.md
new file mode 100644
index 0000000000..a1886e80ee
--- /dev/null
+++ b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/columns/column-spanning.md
@@ -0,0 +1,110 @@
+---
+layout: post
+title: Column Spanning in ##Platform_Name## Tree Grid Component | Syncfusion
+description: Learn here all about Column Spanning in Syncfusion ##Platform_Name## Tree Grid component of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Column Spanning
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Column Spanning in ##Platform_Name## Tree Grid Component
+
+The column spanning feature in the Syncfusion® TreeGrid allows merging adjacent cells horizontally, creating a visually appealing and informative layout. By defining the `colSpan` attribute in the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event, cells can be easily spanned and the appearance of the TreeGrid can be customized.
+
+In the following example, Employee **Davolio** is doing analysis from 9.00 AM to 10.00 AM, so those cells have been spanned.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning/spanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="spanning.cs" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning/spanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+## Change the border color while column spanning
+
+The border color for the spanned cells can be changed by using the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. This event triggers before the cell element is appended to the TreeGrid element, allowing customization of the cell appearance including border styles.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning-event/spanningevent.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning-event/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning-event/spanningevent.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+## Limitations
+
+Column spanning in the TreeGrid has the following limitations:
+
+* The `updateCell` method does not support column spanning.
+* Column spanning is not compatible with the following features:
+ 1. Virtual scrolling
+ 2. Infinite scrolling
+
+> When using column spanning, ensure that the spanned cells do not interfere with TreeGrid operations such as sorting, filtering, or editing, as this may lead to unexpected behavior.
+
+## Column spanning using enableColumnSpan property
+
+The TreeGrid component introduces a simplified approach to horizontally merge cells using the `enableColumnSpan` property.
+
+When the `enableColumnSpan` property is enabled, the Tree Grid automatically merges cells with matching data across adjacent columns without requiring manual span configuration using the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. These merged cells are visually combined into a single cell, improving readability.
+
+Here is an example of how to use the `enableColumnSpan` property to merge cells horizontally:
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning-property/spanningprop.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning-property/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-mvc/spanning-property/spanningprop.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+N> You can also control spanning at the column level. To prevent merging for specific columns, set `enableColumnSpan` to **false** in the column definition.
+
+### Limitations
+
+* Virtualization
+* Infinite Scrolling
+* Row Drag and Drop
+* Column Virtualization
+* Detail Template
+* Editing
+* Export
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/row/row-spanning.md b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/row/row-spanning.md
new file mode 100644
index 0000000000..5cbc033ff0
--- /dev/null
+++ b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.MVC/row/row-spanning.md
@@ -0,0 +1,100 @@
+---
+layout: post
+title: Row Spanning in ##Platform_Name## Tree Grid Component | Syncfusion
+description: Learn here all about Row Spanning in Syncfusion ##Platform_Name## Tree Grid component of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Row Spanning
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Row Spanning in ##Platform_Name## Tree Grid Component
+
+The TreeGrid provides an option to span row cells, allowing merging two or more cells in a row into a single cell. This feature can be useful in scenarios where information needs to be displayed that spans across multiple rows, but repeating the same information in each row should be avoided.
+
+To achieve this, define the `rowSpan` attribute to span cells in the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. The rowSpan attribute is used to specify the number of rows that the current cell should span.
+
+The `queryCellInfo` event is triggered for each cell in the TreeGrid, and allows customizing the cells in the TreeGrid. By handling this event, the `rowSpan` attribute can be set for a cell to achieve row spanning.
+
+In the following demo, **Lunch Break** cell is spanned to two rows in the **1:00** column.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Rowspanning.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning/rowSpanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="RowSpanning.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning/rowSpanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+N> * To disable the spanning for particular TreeGrid page, use **requestType** from `queryCellInfo` event argument.
+N> * The `rowSpan` and `colSpan` attributes can be used together to merge cells both vertically and horizontally.
+
+## Limitations
+
+* The `updateCell` method does not support row spanning.
+* Row spanning is not compatible with the following features:
+ 1. Virtual scrolling
+ 2. Infinite scrolling
+ 3. Row drag and drop
+ 4. Autofill
+ 5. Row or cell editing
+ 6. Batch editing
+ 7. CRUD
+
+## Row spanning using enableRowSpan property
+
+The TreeGrid componentintroduces a simplified approach to vertically merge cells using the `enableRowSpan` property.
+
+When the `enableRowSpan` property is enabled, the Tree Grid automatically merges cells with matching data across adjacent columns without requiring manual span configuration using the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. These merged cells are visually combined into a single cell, improving readability.
+
+Here is an example of how to use the `enableRowSpan` property to merge cells vertically:
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Rowspan.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/rowspan.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Rowspan.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/rowspan.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+N> You can also control spanning at the column level. To prevent merging for specific columns, set `enableRowSpan` to **false** in the column definition.
+
+### Limitation
+
+* Virtualization
+* Infinite Scrolling
+* Row Drag and Drop
+* Column Virtualization
+* Detail Template
+* Editing
+* Export
diff --git a/ej2-asp-core-mvc/tree-grid/EJ2_ASP.NETCORE/columns/column-spanning.md b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.NETCORE/columns/column-spanning.md
new file mode 100644
index 0000000000..ed4553eb78
--- /dev/null
+++ b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.NETCORE/columns/column-spanning.md
@@ -0,0 +1,110 @@
+---
+layout: post
+title: Column Spanning in ##Platform_Name## Tree Grid Component | Syncfusion
+description: Learn here all about Column Spanning in Syncfusion ##Platform_Name## Tree Grid component of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Column Spanning
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Column Spanning in ##Platform_Name## Tree Grid Component
+
+The column spanning feature in the Syncfusion® TreeGrid allows merging adjacent cells horizontally, creating a visually appealing and informative layout. By defining the `colSpan` attribute in the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event, cells can be easily spanned and the appearance of the TreeGrid can be customized.
+
+In the following example, Employee **Davolio** is doing analysis from 9.00 AM to 10.00 AM, so those cells have been spanned.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/columns-core/spanning/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-core/spanning/spanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-core/spanning/spanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+## Change the border color while column spanning
+
+The border color for the spanned cells can be changed by using the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. This event triggers before the cell element is appended to the TreeGrid element, allowing customization of the cell appearance including border styles.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/columns-core/spanning-event/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="spanning.cs" %}
+{% include code-snippet/tree-grid/columns-core/spanning-event/spanevent.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight c# tabtitle="spanning.cs" %}
+{% include code-snippet/tree-grid/columns-core/spanning-event/spanevent.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+## Limitations
+
+Column spanning in the TreeGrid has the following limitations:
+
+* The `updateCell` method does not support column spanning.
+* Column spanning is not compatible with the following features:
+ 1. Virtual scrolling
+ 2. Infinite scrolling
+
+> When using column spanning, ensure that the spanned cells do not interfere with TreeGrid operations such as sorting, filtering, or editing, as this may lead to unexpected behavior.
+
+## Column spanning using enableColumnSpan property
+
+The TreeGrid component introduces a simplified approach to horizontally merge cells using the `enableColumnSpan` property.
+
+When the `enableColumnSpan` property is enabled, the Tree Grid automatically merges cells with matching data across adjacent columns without requiring manual span configuration using the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. These merged cells are visually combined into a single cell, improving readability.
+
+Here is an example of how to use the `enableColumnSpan` property to merge cells horizontally:
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/columns-core/spanning-property/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Spanning.cs" %}
+{% include code-snippet/tree-grid/columns-core/spanning-property/spanproperty.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight c# tabtitle="spanning.cs" %}
+{% include code-snippet/tree-grid/columns-core/spanning-property/spanproperty.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+N> You can also control spanning at the column level. To prevent merging for specific columns, set `enableColumnSpan` to **false** in the column definition.
+
+### Limitations
+
+* Virtualization
+* Infinite Scrolling
+* Row Drag and Drop
+* Column Virtualization
+* Detail Template
+* Editing
+* Export
\ No newline at end of file
diff --git a/ej2-asp-core-mvc/tree-grid/EJ2_ASP.NETCORE/row/row-spanning.md b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.NETCORE/row/row-spanning.md
new file mode 100644
index 0000000000..de274c7fb9
--- /dev/null
+++ b/ej2-asp-core-mvc/tree-grid/EJ2_ASP.NETCORE/row/row-spanning.md
@@ -0,0 +1,100 @@
+---
+layout: post
+title: Row Spanning in ##Platform_Name## Tree Grid Component | Syncfusion
+description: Learn here all about Row Spanning in Syncfusion ##Platform_Name## Tree Grid component of Syncfusion Essential JS 2 and more.
+platform: ej2-asp-core-mvc
+control: Row Spanning
+publishingplatform: ##Platform_Name##
+documentation: ug
+---
+
+# Row Spanning in ##Platform_Name## Tree Grid Component
+
+The TreeGrid provides an option to span row cells, allowing merging two or more cells in a row into a single cell. This feature can be useful in scenarios where information needs to be displayed that spans across multiple rows, but repeating the same information in each row should be avoided.
+
+To achieve this, define the `rowSpan` attribute to span cells in the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. The rowSpan attribute is used to specify the number of rows that the current cell should span.
+
+The `queryCellInfo` event is triggered for each cell in the TreeGrid, and allows customizing the cells in the TreeGrid. By handling this event, the `rowSpan` attribute can be set for a cell to achieve row spanning.
+
+In the following demo, **Lunch Break** cell is spanned to two rows in the **1:00** column.
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="Rowspanning.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning/rowSpanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Rowspanning.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning/rowSpanning.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+N> * To disable the spanning for particular TreeGrid page, use **requestType** from `queryCellInfo` event argument.
+N> * The `rowSpan` and `colSpan` attributes can be used together to merge cells both vertically and horizontally.
+
+## Limitations
+
+* The `updateCell` method does not support row spanning.
+* Row spanning is not compatible with the following features:
+ 1. Virtual scrolling
+ 2. Infinite scrolling
+ 3. Row drag and drop
+ 4. Autofill
+ 5. Row or cell editing
+ 6. Batch editing
+ 7. CRUD
+
+## Row spanning using enableRowSpan property
+
+The TreeGrid componentintroduces a simplified approach to vertically merge cells using the `enableRowSpan` property.
+
+When the `enableRowSpan` property is enabled, the Tree Grid automatically merges cells with matching data across adjacent columns without requiring manual span configuration using the [queryCellInfo](https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.TreeGrid.TreeGrid.html#Syncfusion_EJ2_TreeGrid_TreeGrid_QueryCellInfo) event. These merged cells are visually combined into a single cell, improving readability.
+
+Here is an example of how to use the `enableRowSpan` property to merge cells vertically:
+
+{% if page.publishingplatform == "aspnet-core" %}
+
+{% tabs %}
+{% highlight cshtml tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/tagHelper %}
+{% endhighlight %}
+{% highlight c# tabtitle="RowSpan.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/rowspan.cs %}
+{% endhighlight %}
+{% endtabs %}
+
+{% elsif page.publishingplatform == "aspnet-mvc" %}
+
+{% tabs %}
+{% highlight razor tabtitle="CSHTML" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/razor %}
+{% endhighlight %}
+{% highlight c# tabtitle="Rowspan.cs" %}
+{% include code-snippet/tree-grid/row/row-spanning-property/rowspan.cs %}
+{% endhighlight %}
+{% endtabs %}
+{% endif %}
+
+N> You can also control spanning at the column level. To prevent merging for specific columns, set `enableRowSpan` to **false** in the column definition.
+
+### Limitation
+
+* Virtualization
+* Infinite Scrolling
+* Row Drag and Drop
+* Column Virtualization
+* Detail Template
+* Editing
+* Export
diff --git a/ej2-asp-core-toc.html b/ej2-asp-core-toc.html
index 0da645a551..de352c2bee 100644
--- a/ej2-asp-core-toc.html
+++ b/ej2-asp-core-toc.html
@@ -2796,6 +2796,7 @@