Merge branch 'development' into EJ2-981284-jsonObject

Author: SF4524LogeshKumar

Document-Processing-toc.html

@@ -42,7 +42,10 @@ Cell formatting options include:
     * **Middle** – Centers content vertically
     * **Bottom** – Default alignment
 
-*   **Wrap Text** - Displays long content on multiple lines within a single cell, preventing it from overflowing into adjacent cells.
+*   **Wrap Text** - Displays long content on multiple lines within a single cell, preventing it from overflowing into adjacent cells. To enable text wrapping:
+     1. Select the target cell or range (e.g., C5).
+     2. Go to the Home tab.
+     3. Click Wrap Text in the ribbon to toggle text wrapping for the selected cells.
 
 Cell formatting can be applied or removed from a cell or range by using the options available in the component's built-in **Ribbon** under the **Home** tab.
 

Document-Processing/Excel/Spreadsheet/Blazor/cell-range.md

@@ -587,7 +587,7 @@ This event is applicable in scenarios that require control over paste operations
 
 @using Syncfusion.Blazor.Spreadsheet
 
-<SfSpreadsheet DataSource="DataSourceBytes"  Pasting="OnPasting">
+<SfSpreadsheet DataSource="DataSourceBytes"Pasting="OnPasting">
     <SpreadsheetRibbon></SpreadsheetRibbon>
 </SfSpreadsheet>
 

Document-Processing/Excel/Spreadsheet/Blazor/clipboard.md

@@ -257,7 +257,7 @@ The event uses the [HyperlinkCreatingEventArgs](https://help.syncfusion.com/cr/b
 
 @using Syncfusion.Blazor.Spreadsheet
 
-<SfSpreadsheet DataSource="DataSourceBytes" HyperlinkCreating="OnHyperlinkCreating">
+<SfSpreadsheet DataSource="DataSourceBytes" HyperlinkCreating="OnHyperlinkCreating" >
     <SpreadsheetRibbon></SpreadsheetRibbon>
 </SfSpreadsheet>
 
@@ -365,7 +365,7 @@ The [HyperlinkClickEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.B
 
 @using Syncfusion.Blazor.Spreadsheet
 
-<SfSpreadsheet DataSource="DataSourceBytes" HyperlinkClick="OnHyperlinkClick">
+<SfSpreadsheet DataSource="DataSourceBytes" HyperlinkClick="OnHyperlinkClick" >
     <SpreadsheetRibbon></SpreadsheetRibbon>
 </SfSpreadsheet>
 

Document-Processing/Excel/Spreadsheet/Blazor/hyperlink.md

@@ -0,0 +1,160 @@
+---
+layout: post
+title: Rows and columns in Blazor Spreadsheet component | Syncfusion
+description: Checkout and learn here all about Rows and columns in the Syncfusion Blazor Spreadsheet component and more.
+platform: document-processing
+control: Spreadsheet
+documentation: ug
+---
+
+# Rows and columns in Blazor Spreadsheet component
+
+Spreadsheet is a tabular format consisting of rows and columns. The intersection point of rows and columns are called as cells. The list of operations that you can perform in rows and columns are,
+
+*   Insert
+*   Setting Column and Row Count
+
+## Insert
+
+You can insert rows or columns anywhere in a spreadsheet.
+
+### Row
+
+The rows can be inserted in the following ways,
+
+* Using [`InsertRowAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_InsertRowAsync_System_Int32_System_Int32_System_Object_Syncfusion_Blazor_Spreadsheet_RowPosition_) method, you can insert the rows once the component is loaded.
+* Using context menu, insert the rows in the desired position.
+
+The following code example shows the options for inserting rows in the spreadsheet.
+
+{% tabs %}
+{% highlight razor tabtitle="Index.razor" %}
+
+@using Syncfusion.Blazor.Spreadsheet
+@using Syncfusion.Blazor.Buttons
+
+<SfButton OnClick="InsertRowsHandler" Content="Insert Rows"></SfButton>
+<SfSpreadsheet @ref="@SpreadsheetInstance" DataSource="DataSourceBytes">
+    <SpreadsheetRibbon></SpreadsheetRibbon>
+</SfSpreadsheet>
+
+@code {
+    public byte[] DataSourceBytes { get; set; }
+    public SfSpreadsheet SpreadsheetInstance;
+
+    protected override void OnInitialized()
+    {
+        string filePath = "wwwroot/Sample.xlsx";
+        DataSourceBytes = File.ReadAllBytes(filePath);
+    }
+
+     public async Task InsertRowsHandler()
+    {
+        // Insert 2 rows above row index 0 in the active sheet
+        await SpreadsheetInstance.InsertRowAsync(0, 2);
+
+        // Insert 3 rows below row index 2 in the sheet named "Sheet2"
+        await SpreadsheetInstance.InsertRowAsync(2, 3, "Sheet2", RowPosition.Below);
+
+        // Insert 1 row above row index 1 in the active sheet
+        await SpreadsheetInstance.InsertRowAsync(1, 1, null, RowPosition.Above);
+
+        // Insert 4 rows below row index 3 in the sheet at index 3
+        await SpreadsheetInstance.InsertRowAsync(3, 4, 3, RowPosition.Below);
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+### Column
+
+The columns can be inserted in the following ways,
+
+* Using [`InsertColumnAsync`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_InsertColumnAsync_System_Int32_System_Int32_System_Object_Syncfusion_Blazor_Spreadsheet_ColumnPosition_) method, you can insert the columns once the component is loaded.
+* Using context menu, insert the columns in the desired position.
+
+The following code example shows the options for inserting columns in the spreadsheet.
+
+{% tabs %}
+{% highlight razor tabtitle="Index.razor" %}
+
+@using Syncfusion.Blazor.Spreadsheet
+@using Syncfusion.Blazor.Buttons
+
+<SfButton OnClick="InsertColumnsHandler" Content="Insert Columns"></SfButton>
+<SfSpreadsheet @ref="@SpreadsheetInstance" DataSource="DataSourceBytes">
+    <SpreadsheetRibbon></SpreadsheetRibbon>
+</SfSpreadsheet>
+
+@code {
+    public byte[] DataSourceBytes { get; set; }
+    public SfSpreadsheet SpreadsheetInstance;
+
+    protected override void OnInitialized()
+    {
+        string filePath = "wwwroot/Sample.xlsx";
+        DataSourceBytes = File.ReadAllBytes(filePath);
+    }
+
+    public async Task InsertColumnsHandler()
+    {
+        // Insert 2 columns to the right of column index 2
+        await SpreadsheetInstance.InsertColumnAsync(2, 2);
+
+        // Insert 3 columns to the left of column index 5
+        await SpreadsheetInstance.InsertColumnAsync(5, 3, null, ColumnPosition.Left);
+
+        // Insert 1 column to the right of column B in Sheet2
+        await SpreadsheetInstance.InsertColumnAsync(1, 1, "Sheet2", ColumnPosition.Right);
+
+        // Insert 4 columns to the left of column D in the sheet at index 3
+        await SpreadsheetInstance.InsertColumnAsync(3, 4, 3, ColumnPosition.Left);
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}
+
+## Setting Row and Column Count
+
+The Blazor Spreadsheet component enables you to define the initial number of rows and columns using the [`RowCount`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_RowCount) and [`ColumnCount`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Spreadsheet.SfSpreadsheet.html#Syncfusion_Blazor_Spreadsheet_SfSpreadsheet_ColumnCount) properties.
+
+*   The default `RowCount` is **1000**.
+*   The default `ColumnCount` is **200**.
+
+### Rendering Behavior
+
+- **Without Data Source:** 
+
+  - When no data is bound to the spreadsheet, the sheet renders empty cells up to the specified row and column counts.
+
+- **With Data Source (e.g., byte array or imported file):**
+
+  - If the data source contains fewer rows and columns than the specified row and column counts, the spreadsheet renders additional empty rows and columns to meet those counts.
+  - If the data source contains more rows and columns than the specified row and column counts, the spreadsheet renders enough rows and columns to display all the data (i.e., it extends beyond those counts to fit the data). Your data is never truncated by these properties.
+
+
+You can set these properties as follows:
+
+{% tabs %}
+{% highlight razor tabtitle="Index.razor" %}
+
+@using Syncfusion.Blazor.Spreadsheet
+
+<SfSpreadsheet DataSource="DataSourceBytes" RowCount="1200" ColumnCount="300" >
+    <SpreadsheetRibbon></SpreadsheetRibbon>
+</SfSpreadsheet>
+
+@code {
+    public byte[] DataSourceBytes { get; set; }
+
+    protected override void OnInitialized()
+    {
+        string filePath = "wwwroot/Sample.xlsx";
+        DataSourceBytes = File.ReadAllBytes(filePath);
+    }
+}
+
+{% endhighlight %}
+{% endtabs %}