From 8cd77d9c81513428161af96bff7aaece0c850e47 Mon Sep 17 00:00:00 2001 From: Yuvarajan Balasubramaniyan Date: Mon, 27 Jul 2026 15:20:05 +0530 Subject: [PATCH 1/6] 1043174: enhanced TS UG content spreadsheet --- .../Spreadsheet/Javascript-ES6/cell-range.md | 34 +++++++++---------- .../Spreadsheet/Javascript-ES6/clipboard.md | 24 ++++++------- .../Spreadsheet/Javascript-ES6/comment.md | 8 ++--- .../Javascript-ES6/context-menu.md | 14 ++++---- .../Javascript-ES6/data-binding.md | 7 ++-- .../Javascript-ES6/docker-deployment.md | 6 ++-- .../Spreadsheet/Javascript-ES6/editing.md | 16 ++++----- .../Spreadsheet/Javascript-ES6/filter.md | 15 ++++---- .../Spreadsheet/Javascript-ES6/formatting.md | 18 +++++----- .../Spreadsheet/Javascript-ES6/formulas.md | 12 +++---- .../Spreadsheet/Javascript-ES6/freeze-pane.md | 10 +++--- .../Javascript-ES6/illustrations.md | 16 ++++----- .../Excel/Spreadsheet/Javascript-ES6/link.md | 12 +++---- .../Excel/Spreadsheet/Javascript-ES6/notes.md | 12 +++---- .../Spreadsheet/Javascript-ES6/open-save.md | 26 +++++++------- .../Javascript-ES6/rows-and-columns.md | 10 +++--- .../Spreadsheet/Javascript-ES6/selection.md | 8 ++--- .../Excel/Spreadsheet/Javascript-ES6/sort.md | 8 ++--- .../Spreadsheet/Javascript-ES6/template.md | 2 +- .../Spreadsheet/Javascript-ES6/worksheet.md | 20 +++++------ 20 files changed, 137 insertions(+), 141 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md index a897d643bd..441d7350e5 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md @@ -3,7 +3,7 @@ layout: post title: Cell range in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Cell range in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Cell range +control: Cell range documentation: ug --- @@ -36,7 +36,7 @@ The following code example shows the wrap text functionality in spreadsheet. ### Limitations of Wrap text -The following features have some limitations in wrap text: +The following features have some limitations when wrap text is applied: * Sorting with wrap text applied data. * Merge with wrap text. @@ -52,7 +52,7 @@ You can merge the range of cells in the following ways, * Use [`merge`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#merge) method to merge the range of cells, once the component is loaded. -The available merge options in spreadsheet are, +The available merge options in the Spreadsheet are: | Type | Action | |-------|---------| @@ -91,36 +91,34 @@ Data Validation is used to restrict the user from entering the invalid data. You You can apply data validation to restrict the type of data or the values that users enter into a cell. -You can apply data validation by using one of the following ways, - -* Select the Data tab in the Ribbon toolbar, and then choose the Data Validation item. +* Select the **Data** tab in the ribbon toolbar, and then choose **Data Validation**. * Use the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#adddatavalidation) method programmatically. ### Clear Validation Clear validation feature is used to remove data validations from the specified ranges or the whole worksheet. -You can clear data validation rule by one of the following ways, +Clear data validation in one of the following ways: -* Select the Data tab in the Ribbon toolbar, and then choose the Clear Validation item. +* Select the **Data** tab in the ribbon toolbar, and then choose **Clear Validation**. * Use the [`removeDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removedatavalidation) method programmatically. ### Highlight Invalid Data Highlight invalid data feature is used to highlight the previously entered invalid values. -You can highlight an invalid data by using one of the following ways, +Highlight invalid data in one of the following ways: -* Select the Data tab in the Ribbon toolbar, and then choose the Highlight Invalid Data item. +* Select the **Data** tab in the ribbon toolbar, and then choose **Highlight Invalid Data**. * Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addinvalidhighlight) method programmatically. ### Clear Highlighted Invalid Data Clear highlight feature is used to remove the highlight from invalid cells. -You can clear the highlighted invalid data by using the following ways, +Clear the highlighted invalid data in the following ways: -* Select the Data tab in the Ribbon toolbar, and then choose the Clear Highlight item. +* Select the **Data** tab in the ribbon toolbar, and then choose **Clear Highlight**. * Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removeinvalidhighlight) method programmatically. {% tabs %} @@ -146,7 +144,7 @@ When this rule is applied, the Spreadsheet evaluates the entered value against t You can apply custom data validation using two methods. -* The first is through the Data Validation dialog in the Ribbon toolbar. Navigate to the Data tab, select the Data Validation option, and choose the Custom type from the Allow dropdown menu. +* The first is through the Data Validation dialog in the ribbon toolbar. Navigate to the **Data** tab, select the **Data Validation** option, and choose the **Custom** type from the **Allow** dropdown menu. * The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#adddatavalidation) method, which allows developers to set custom rules dynamically via code. The following code example demonstrates how to add custom data validation with a formula in a Spreadsheet. @@ -265,12 +263,12 @@ You can apply clear feature by using one of the following ways, Clear has the following types in the spreadsheet, -| Options | Uses | +| Option | Description | |-----|------| -| `Clear All` | Used to clear all contents, formats, and hyperlinks. | -| `Clear Formats` | Used to clear the formats (including number formats, conditional formats, and borders) in a cell. | -| `Clear Contents` | Used to clear the contents (formulas and data) in a cell. | -| `Clear Hyperlinks` | Used to clear the hyperlink in a cell. | +| `Clear All` | Clears all contents, formats, and hyperlinks. | +| `Clear Formats` | Clears the formats (including number formats, conditional formats, and borders) in a cell. | +| `Clear Contents` | Clears the contents (formulas and data) in a cell. | +| `Clear Hyperlinks` | Clears the hyperlink in a cell. | ### Methods diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md index 77c2f45a4e..ea53529336 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md @@ -3,15 +3,15 @@ layout: post title: Clipboard in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Clipboard in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Clipboard +control: Clipboard documentation: ug --- # Clipboard in EJ2 TypeScript Spreadsheet control -The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enableclipboard) property in Spreadsheet. +The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enableclipboard) boolean property in Spreadsheet. -> By default, the `enableClipboard` property is true. +> By default, the `enableClipboard` property is `true`. ## Cut @@ -21,9 +21,9 @@ It is used to cut the data from selected range of cells, rows or columns in a sp Cut can be done in one of the following ways. -* Using Cut button in the Ribbon’s HOME tab to perform cut operation. -* Using Cut option in the Context Menu. -* Using `Ctrl + X` | `Command + X` keyboard shortcut. +* Using the Cut button in the Ribbon's Home tab to perform the cut operation. +* Using the Cut option in the Context Menu. +* Using the `Ctrl + X` | `Command + X` keyboard shortcut. * Using the [`cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#cut) method. ## Copy @@ -34,9 +34,9 @@ It is used to copy the data from selected range of cells, rows or columns in a s Copy can be done in one of the following ways. -* Using Copy button in the Ribbon’s HOME tab to perform copy operation. -* Using Copy option in the Context Menu. -* Using `Ctrl + C` | `Command + C` keyboard shortcut. +* Using the Copy button in the Ribbon's Home tab to perform the copy operation. +* Using the Copy option in the Context Menu. +* Using the `Ctrl + C` | `Command + C` keyboard shortcut. * Using the [`copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#copy) method. ## Paste @@ -52,9 +52,9 @@ It also performs for external clipboard operation. If you perform cut and paste, Paste can be done in one of the following ways. -* Using Paste button in the Ribbon’s HOME tab to perform paste operation. -* Using Paste option in the Context Menu. -* Using `Ctrl + V` | `Command + V` keyboard shortcut. +* Using the Paste button in the Ribbon's Home tab to perform the paste operation. +* Using the Paste option in the Context Menu. +* Using the `Ctrl + V` | `Command + V` keyboard shortcut. * Using the [`paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#paste) method. > If you use the Keyboard shortcut key for cut (`Ctrl + X`) | copy (`Ctrl + C`) from other sources, you should use `Ctrl + V` shortcut while pasting into the spreadsheet. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md index 9e6d7e4850..86bc8c2774 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md @@ -56,8 +56,8 @@ After posting, the replies appear under the first comment in the comment editor. ## Editing a comment You can edit the content of a comment or its replies directly within the comment editor. -* **Edit first comment**: In the comment editor. Click the **"⋯" (More thread actions)** menu in the header, select the **Edit Comment**, modify the text and click **Post**. -* **Edit a reply comment**: In the comment editor, hover over the specific reply, click the **"⋯" (More actions)**, select the **Edit Comment**, modify the text and click **Post**. +* **Edit first comment**: In the comment editor, click the **"⋯" (More thread actions)** menu in the header, select **Edit Comment**, modify the text, and click **Post**. +* **Edit a reply comment**: In the comment editor, hover over the specific reply, click the **"⋯" (More actions)** menu, select **Edit Comment**, modify the text, and click **Post**. ![Editing a comment reply in Spreadsheet](./images/spreadsheet_edit_comment.png) @@ -133,7 +133,7 @@ The "Comments" review pane is rendered within the spreadsheet interface to provi The "Comments" review pane allows you to: -* Add new comment using the **New** button. +* Add a new comment using the **New** button. * Filter comments by **All**, **Active**, or **Resolved** to view specific comment threads. * Navigate between comments and synchronize selection with the corresponding cells. * Perform actions such as: @@ -186,7 +186,7 @@ In the below sample, comments are added to a specific cell using cell data bindi ## Limitations * **Un-posted comments are not stored**: If you type in the comment editor and close it without clicking **Post**, the entered text is not saved and will not appear when you reopen the editor. Only posted content is persisted in the comment model. -* **Comments and Notes cannot coexist**: When a cell contains comment, notes cannot be added. Similarly, if a cell already has a notes, comment cannot be added. +* **Comments and Notes cannot coexist**: When a cell contains a comment, notes cannot be added. Similarly, if a cell already has a note, a comment cannot be added. * **Comments in Print**: Comments are not included in print output. * **Non-collaborative**: Real-time multi-user synchronization is not supported. However, when exporting and re-importing the workbook, the author information for each comment and reply is preserved. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md index 2e2465aac5..1214da0d4f 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md @@ -3,7 +3,7 @@ layout: post title: Context menu in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Context menu in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Context menu +control: Context menu documentation: ug --- @@ -15,7 +15,7 @@ Context Menu is used to improve user interaction with Spreadsheet using the popu ## Context Menu Items in Row Cell -Please find the table below for default context menu items and their actions. +The following table lists the default context menu items available when right-clicking a cell. | Context Menu items | Action | |-------|---------| @@ -29,7 +29,7 @@ Please find the table below for default context menu items and their actions. ## Context Menu Items in Row Header / Column Header -Please find the table below for default context menu items and their actions. +The following table lists the default context menu items available when right-clicking a row or column header. | Context Menu items | Action | |-------|---------| @@ -44,12 +44,12 @@ Please find the table below for default context menu items and their actions. ## Context Menu Items in Pager -Please find the table below for default context menu items and their actions. +The following table lists the default context menu items available when right-clicking the Pager (sheet tab area). | Context Menu items | Action | |-------|---------| -| `Insert` | Insert a new worksheet in front of an existing worksheet in the spreadsheet. | -| `Delete` | Delete the selected worksheet from the spreadsheet. | +| `Insert` | Insert a new worksheet in front of the existing worksheet. | +| `Delete` | Delete the selected worksheet from the Spreadsheet. | | `Rename` | Rename the selected worksheet. | | [`Protect Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#protectsheet) | Prevent unwanted changes from others by limiting their ability to edit. | | [`Hide`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hide) |Hide the selected worksheet. | @@ -66,7 +66,7 @@ You can perform the following context menu customization options in the spreadsh You can add the custom items in context menu using the [`addContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addcontextmenuttems) in `contextmenuBeforeOpen` event -In this demo, Custom Item is added after the Paste item in the context menu. +In this demo, a Custom Item is added after the Paste item in the cell context menu. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md index eac769012f..e9983ab8f5 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md @@ -3,7 +3,7 @@ layout: post title: Data binding in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Data binding in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Data binding +control: Data binding documentation: ug --- @@ -87,7 +87,7 @@ Refer to the following code example for remote data binding. ### Web API -You can use WebApiAdaptor to bind spreadsheet with Web API created using OData endpoint. +You can use the `WebApiAdaptor` to bind the Spreadsheet to a general Web API using OData endpoint. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -149,7 +149,7 @@ The following table defines the arguments of the `dataSourceChanged` event. ## Dynamic data binding using updateRange method -The [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#datasource) in a spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the spreadsheet. +The [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#datasource) in a Spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the Spreadsheet. To use the [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updaterange) method, provide the new [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#datasource) and specify the starting cell for the update using the [startCell](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#startcell) property of the `RangeModel`. Additionally, set the `sheetIndex` to target the appropriate sheet for the update. @@ -171,4 +171,3 @@ The following code example demonstrates how to dynamically update data using the * [Filtering](./filter) * [Sorting](./sort) * [Hyperlink](./link) -* [`Collaborative Editing`](use-cases/collaborative-editing) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md index 5d1331dc62..5d06f878f9 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md @@ -3,7 +3,7 @@ layout: post title: Docker image deployment in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Docker image deployment in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Docker deployment +control: Docker deployment documentation: ug --- @@ -24,7 +24,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). * On macOS, install [`Docker for Mac`](https://docs.docker.com/desktop/install/mac-install/). -## How to deploy the Spreadsheet Docker Image +## How to deploy the Spreadsheet Docker image **Step 1:** Pull the spreadsheet-server image from Docker Hub. @@ -32,7 +32,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins docker pull syncfusion/spreadsheet-server ``` -**Step 2:** Create the `docker-compose.yml` file with the following code in your file system. +**Step 2:** Create a `docker-compose.yml` file in your project directory with the following content ```yaml version: '3.4' diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md index 58e1ef7e52..4e21344b88 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md @@ -3,7 +3,7 @@ layout: post title: Editing in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Editing in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Editing +control: Editing documentation: ug --- @@ -13,13 +13,13 @@ You can edit the contents of a cell directly in the cell or by typing in the for ## Edit cell -You can start editing by one of the following ways, +You can start editing by one of the following ways: -* Double click a cell to start the edit mode. -* Press `F2` key to edit the active cell. -* Use formula bar to perform editing. -* Use `BACKSPACE` or `SPACE` key to clear the cell content and start the edit mode. -* Using the [`startEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#startedit) method. +* Double-click a cell to start the edit mode. +* Press the `F2` key to edit the active cell. +* Use the formula bar to perform editing. +* Press the `BACKSPACE` or `SPACE` key to clear the cell content and start the edit mode. +* Use the [`startEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#startedit) method. ## Save cell @@ -31,7 +31,7 @@ If the cell is in editable state, you can save the edited cell by one of the fol ## Cancel editing -To cancel the editing without saving the changes, you can use one of the following ways, +To cancel editing without saving the changes, you can use one of the following ways: * Press `ESCAPE` key, this will remove the editable state and update the unchanged cell content. * Using the [`closeEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#closeedit) method. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md index 982e564509..e224e8de2c 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md @@ -3,13 +3,13 @@ layout: post title: Filter in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Filter in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Filter +control: Filter documentation: ug --- # Filter in EJ2 TypeScript Spreadsheet control -Filtering helps you to view specific rows in the spreadsheet by hiding the other rows. You can use the [`allowFiltering`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowfiltering) property to enable or disable filtering functionality. +Filtering helps you to view specific rows in the spreadsheet by hiding the other rows. You can use the [`allowFiltering`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowfiltering) property (`boolean`, default `true`) to enable or disable filtering functionality. > * The default value for `allowFiltering` property is `true`. @@ -20,7 +20,7 @@ By default, the `Filter` module is injected internally into Spreadsheet to perfo In the active sheet, select a range of cells to filter by value of the cell. The filtering can be done by any of the following ways: * Select the filter item in the Ribbon toolbar. -* Right-click the sheet, select the filter item in the context menu. +* Right-click the sheet, and then select the filter item in the context menu. * Use the [`applyFilter()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#applyfilter) method programmatically. * Use `Ctrl + Shift + L` keyboard shortcut to apply the filter. @@ -53,7 +53,7 @@ To apply a filter for a cell value, right-click the cell and choose filter -> `F ## Clear filter -After applying filter to a certain column, you may want to clear it to make all filtered rows visible again. It can be done in the following ways, +After applying a filter to a column, you may want to clear it to make all filtered rows visible again. It can be done in the following ways: * Choose `Clear` option in ribbon toolbar under `Filter and Sort`. It clears the filters applied in the spreadsheet for all fields. @@ -63,10 +63,9 @@ After applying filter to a certain column, you may want to clear it to make all After filtering, you can clear/reset the filter for a field alone. It can be done in the following ways, -* Click filter icon in the column’s header and then choose `Clear Filter` option from the filter dialog. -* You can right-click on a filtered column cell and choose `Clear Filter from .` option from the context menu. - -* Use the [`clearFilter(field)`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clearfilter) method programmatically, to clear the filter in a particular column. +* Click the filter icon in the column's header and then choose the `Clear Filter` option from the filter dialog. +* Right-click a filtered column cell and choose the `Clear Filter from ` option from the context menu. +* Use the [`clearFilter(field)`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clearfilter) method programmatically to clear the filter on a particular column. The `field` argument accepts the column key (for example, `'A'`) or the column header name. ## Reapply filter diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md index 92cc891b50..13ca233f99 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md @@ -3,7 +3,7 @@ layout: post title: Formatting in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Formatting in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Formatting +control: Formatting documentation: ug --- @@ -38,11 +38,11 @@ Number formatting can be applied in following ways, * Using the `format` property in `cell`, you can set the desired format to each cell at initial load. * Using the [`numberFormat`](https://ej2.syncfusion.com/documentation/api/spreadsheet#numberformat) method, you can set the number format to a cell or range of cells. -* Selecting the number format option from ribbon toolbar. +* Selecting the number format option from the ribbon toolbar. ### Custom Number Formatting -Spreadsheet supports custom number formats to display your data as numbers, dates, times, percentages, and currency values. If the pre-defined number formats do not meet your needs, you can set your own custom formats using custom number formats dialog or `numberFormat` method. +Spreadsheet supports custom number formats to display your data as numbers, dates, times, percentages, and currency values. If the pre-defined number formats do not meet your needs, you can set your own custom formats using the custom number format dialog or the [`numberFormat`](https://ej2.syncfusion.com/documentation/api/spreadsheet#numberformat) method. The different types of custom number format populated in the custom number format dialog are, @@ -167,19 +167,19 @@ Text and cell formatting enhances the look and feel of your cell. It helps to hi ### Fonts -Various font formats supported in the spreadsheet are font-family, font-size, bold, italic, strike-through, underline and font color. +Various font formats supported in the spreadsheet are `font-family`, `font-size`, `bold`, `italic`, `strike-through`, `underline`, and `font color`. ### Text Alignment -You can align text in a cell either vertically or horizontally using the `textAlign` and `verticalAlign` property. +You can align text in a cell either vertically or horizontally using the [`textAlign`](https://ej2.syncfusion.com/documentation/api/spreadsheet/cellStyleModel#textalign) and [`verticalAlign`](https://ej2.syncfusion.com/documentation/api/spreadsheet/cellStyleModel#verticalalign) properties. ### Indents -To enhance the appearance of text in a cell, you can change the indentation of a cell content using `textIndent` property. +To enhance the appearance of text in a cell, you can change the indentation of a cell's content using the [`textIndent`](https://ej2.syncfusion.com/documentation/api/spreadsheet/cellStyleModel#textindent) property. ### Fill color -To highlight cell or range of cells from whole workbook you can apply background color for a cell using `backgroundColor` property. +To highlight a cell or range of cells from the whole workbook, you can apply a background color for a cell using the [`backgroundColor`](https://ej2.syncfusion.com/documentation/api/spreadsheet/cellStyleModel#backgroundcolor) property. ### Borders @@ -313,9 +313,9 @@ In the MAY and JUN columns, we have applied conditional formatting custom format You can clear the defined rules by using one of the following ways, -* Using the “Clear Rules” option in the Conditional Formatting button of HOME Tab in the ribbon to clear the rule from selected cells. +* Using the **Clear Rules** option in the Conditional Formatting button on the Home Tab in the ribbon to clear the rule from selected cells. -* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clearConditionalFormat) method to clear the defined rules. +* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clearconditionalformat) method to clear the defined rules. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md index 620c7e7364..5de63f640b 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md @@ -3,21 +3,21 @@ layout: post title: Formulas in EJ2 TypeScript Spreadsheet Control | Syncfusion description: Learn here all about Formulas in Syncfusion Essential EJ2 TypeScript Spreadsheet control, its elements and more. platform: document-processing -control: Formulas +control: Formulas documentation: ug --- # Formulas in EJ2 TypeScript Spreadsheet Control -Formulas are used for calculating the data in a worksheet. You can refer the cell reference from same sheet or from different sheets. +Formulas are used for calculating the data in a worksheet. You can refer to a cell reference from the same sheet or from a different sheet. ## Usage -You can set formula for a cell in the following ways, +You can set a formula for a cell in the following ways: * Using the `formula` property from `cell`, you can set the formula or expression to each cell at initial load. * Set the formula or expression through data binding. -* You can set formula for a cell by [`editing`](./editing). +* You can set a formula for a cell by [`editing`](./editing). * Using the [`updateCell`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updatecell) method, you can set or update the cell formula. @@ -61,7 +61,7 @@ The following code example shows an unsupported formula in the spreadsheet. {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/formula-cs1" %} -Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/documentation/api/spreadsheet/#computeexpression) method. This method will work for both built-in and used-defined/custom formula. +Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/documentation/api/spreadsheet/#computeexpression) method. This method will work for both built-in and user-defined/custom formula. The following code example shows how to use `computeExpression` method in the spreadsheet. @@ -256,7 +256,7 @@ If you enter an invalid formula in a cell, an error dialog with an error message | We found that you typed a formula which is improper | Occurs when passing a single reference but a range was needed. | | We found that you typed a formula with a wrong number of arguments | Occurs when the required arguments were not passed. | | We found that you typed a formula which requires 3 arguments | Occurs when the required 3 arguments were not passed. | -| We found that you typed a formula with a mismatched quotes | Occurs when passing an argument with mismatched quotes. | +| We found that you typed a formula with mismatched quotes | Occurs when passing an argument with mismatched quotes. | | We found that you typed a formula with a circular reference | Occurs when passing a formula with circular cell reference. | | We found that you typed a formula which is invalid | Except in the cases mentioned above, all other errors will fall into this broad category. | diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md index 07904af587..d9f96bafba 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md @@ -3,19 +3,19 @@ layout: post title: Freeze pane in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Freeze pane in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Freeze pane +control: Freeze pane documentation: ug --- # Freeze pane in EJ2 TypeScript Spreadsheet control -Freeze Panes helps you to keep particular rows or columns visible when scrolling the sheet content in the spreadsheet. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#frozencolumns) properties inside the [`Sheet`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#sheets) property. +Freeze Panes help you keep particular rows or columns visible while scrolling the sheet content. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sheets) configuration. ## Apply freezepanes on UI **User Interface**: -In the active spreadsheet, click the cell where you want to create freeze panes. Freeze panes can be done in any of the following ways: +In the active spreadsheet, click the cell where you want to create freeze panes. You can freeze panes in any of the following ways: * Select the View tab in the Ribbon toolbar and choose the `Freeze Panes` item. * Use the [`freezePanes`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#freezepanes) method programmatically. @@ -57,9 +57,9 @@ In this demo, the frozenColumns is set as ‘2’, and the frozenRows is set as ## Limitations -Here, we have listed out the limitations with Freeze Panes feature. +The following are the limitations of the Freeze Panes feature. -* Merging the cells between freeze and unfreeze area. +* Merging cells between the freeze and unfreeze areas. * If images and charts are added inside the freeze area cells, their portion in the unfreeze area will not move when scrolling. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md index 952f5f9135..043c50b558 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md @@ -3,7 +3,7 @@ layout: post title: Illustrations in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Illustrations in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Illustrations +control: Illustrations documentation: ug --- @@ -28,8 +28,8 @@ The available parameters in `insertImage()` method are, | Parameter | Type | Description | |-----|------|----| -| images | `ImageModel` | Specifies the options to insert image in spreadsheet. | -| range(optional) | `string` | Specifies the range in spreadsheet. | +| images | `ImageModel[]` | Specifies the options to insert one or more images in the spreadsheet. | +| range(optional) | `string` | Specifies the range in the spreadsheet. | The available arguments in `ImageModel` are: @@ -38,7 +38,7 @@ The available arguments in `ImageModel` are: * height: Specifies the height of the image. * width: Specifies the width of the image. * top: Specifies the top position of the image. -* left: Specifies the left side of the image. +* left: Specifies the left position of the image. > In a spreadsheet, you can add many types of image files, including IMAGE, JPG, PNG, GIF, and JPEG files. @@ -88,7 +88,7 @@ The following features have some limitations in Image: ## Chart -A chart is a graphical representation of data, that organizes and represents a set of numerical or qualitative data. It mostly displays the selected range of data in terms of `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowchart) property to enable or disable the chart functionality. +A chart is a graphical representation of data; it organizes and represents a set of numerical or qualitative data. It typically displays the selected range of data in terms of the `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowchart) property to enable or disable the chart functionality. > The default value for the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowchart) property is `true`. @@ -123,7 +123,7 @@ The available arguments in the `ChartModel` are: * isSeriesInRows: Specifies to switch the row or a column. * range: Specifies the selected range or specified range. * id: Specifies the chart element id. -* markerSettings: Specifies the marker settings. The marker is used to provide information about the data points in the series and is currently only applicable to the line chart. +* markerSettings: Specifies the marker settings. The marker conveys information about the data points in the series and is applicable only to the line chart. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -166,9 +166,9 @@ Chart feature allows you to view and insert a chart in a spreadsheet, and you ca {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/chart-cs1" %} -#### Customization of line chart markers +#### Customization of Line Chart Markers -Using the [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. In the following example, you can see the modified marker appearance, such as shape and size, while creating the line chart with UI interaction. +Using the [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. The following example shows how to modify the marker shape and size when creating a line chart through the UI. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md index c7eefeb281..4d39e521b5 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md @@ -3,13 +3,13 @@ layout: post title: Link in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Link in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Link +control: Link documentation: ug --- # Link in EJ2 TypeScript Spreadsheet control -Hyperlink is used to navigate to web links or cell reference within the sheet or to other sheets in Spreadsheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowhyperlink) property to enable or disable hyperlink functionality. +Hyperlink is used to navigate to web links, cell references within the sheet, or to other sheets in the Spreadsheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowhyperlink) property to enable or disable hyperlink functionality. > * The default value for `allowHyperlink` property is `true`. @@ -22,8 +22,8 @@ You can insert a hyperlink in a worksheet cell for quick access to related infor In the active spreadsheet, click the cell where you want to create a hyperlink. Insert hyperlink can be done by any of the following ways: * Select the INSERT tab in the Ribbon toolbar and choose the `Link` item. -* Right-click the cell and then click Hyperlink item in the context menu. -* Use `Ctrl + K` keyboard shortcut to apply the hyperlink. +* Right-click the cell and then click the Hyperlink item in the context menu. +* Use the `Ctrl + K` keyboard shortcut to apply the hyperlink. * Use the [`addHyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addhyperlink) method programmatically. @@ -36,13 +36,13 @@ You can change an existing hyperlink in your workbook by changing its destinatio In the active spreadsheet, Select the cell that contains the hyperlink that you want to change. Editing the hyperlink while opening the dialog can be done by any one of the following ways: * Select the INSERT tab in the Ribbon toolbar and choose the `Link` item. -* Right-click the cell and then click Edit Hyperlink item in the context menu, or you can press Ctrl+K. +* Right-click the cell and then click the Edit Hyperlink item in the context menu, or press `Ctrl + K`. In the Edit Link dialog box, make the changes that you want, and click UPDATE. ## Remove Hyperlink -Performing this operation remove a single hyperlink without losing the display text. +Performing this operation removes a single hyperlink without losing the display text. **User Interface**: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md index fb99feeb45..fc8d79b858 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md @@ -3,13 +3,13 @@ layout: post title: Notes in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about the notes feature in EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Notes +control: Notes documentation: ug --- # Notes in EJ2 TypeScript Spreadsheet control -The **Notes** feature is used to insert comments, provide feedback, suggest changes, or leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#enablenotes) property, which defaults to **true**. +The **Notes** feature is used to insert comments, provide feedback, suggest changes, and leave remarks on specific cells while reviewing documents in the Spreadsheet. You can enable or disable the notes functionality using the [enableNotes](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#enablenotes) property, which defaults to **true**. When opening the Excel document with notes in the Spreadsheet, they will be displayed in the control. The cells containing notes will be indicated with a red colored triangle at the top-right corner. Hovering the mouse over these cells will display the content of the notes. @@ -30,7 +30,7 @@ In the below example, you can add, edit, save, and delete notes. ## Adding a note -In the active worksheet, you can add a note in the following ways: +In the active worksheet, you can add a note using any of the following approaches: * **Context Menu**: Right-click the desired cell and select **Add Note**. * **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. @@ -92,8 +92,8 @@ The **Show/Hide Note** option allows you to toggle the visibility of individual To toggle the visibility of a note: -* **Context Menu**: Right-click the cell containing the note and select **Show/Hide Note**. -* **Ribbon**: Select the cell, go to the **Review** tab, click the **Notes** dropdown, and choose **Show/Hide Note**. +* **Context menu**: Right-click the cell containing the note and select **Show/Hide Note**. +* **Ribbon**: Select the cell, go to the **Review** tab, open the **Notes** dropdown, and choose **Show/Hide Note**. **Behavior:** @@ -104,7 +104,7 @@ To toggle the visibility of a note: ## Show All Notes -The **Show All Notes** option enables you to display all notes in the current worksheet simultaneously as sticky notes, simplifying the review of multiple comments at a glance. +The **Show All Notes** option displays all notes in the current worksheet simultaneously as sticky notes. This simplifies reviewing multiple comments at a glance. To activate: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md index 0f3188f4ef..25fc644989 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md @@ -3,21 +3,21 @@ layout: post title: Open save in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Open save in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Open save +control: Open save documentation: ug --- -# Open save in EJ2 TypeScript Spreadsheet control +# Open and save in EJ2 TypeScript Spreadsheet control -The native data format for Spreadsheet is `JSON`. When you open an excel file, it needs to be read and converted to client side Spreadsheet model. The converted client side Spreadsheet model is sent as JSON which is used to render Spreadsheet. Similarly, when you save the Spreadsheet, the client Spreadsheet model is sent to the server as JSON for processing and saved as Excel file formats. [`Server configuration`](./open-save#server-configuration) is used for this process. +The native data format for the Spreadsheet is `JSON`. When you open an Excel file, the file must be read and converted into a client-side Spreadsheet model. The converted client-side Spreadsheet model is sent as JSON, which is used to render the Spreadsheet. Similarly, when you save the Spreadsheet, the client-side Spreadsheet model is sent to the server as JSON for processing and saved as an Excel file. The [`Server configuration`](./open-save#server-configuration) section is used for this process. ## Open -The Spreadsheet control opens an Excel document with its data, style, format, and more. To enable this feature, set [`allowOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowopen) as `true` and assign service url to the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openurl) property. +The Spreadsheet control opens an Excel document with its data, style, format, and more. To enable this feature, set [`allowOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowopen) to `true` and assign a service URL to the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openurl) property. **User Interface**: -In user interface you can open an Excel document by clicking `File > Open` menu item in ribbon. +In the user interface, you can open an Excel document by clicking `File > Open` in the ribbon. The following sample shows the `Open` option by using the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openurl) property in the Spreadsheet control. You can also use the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforeopen) event to trigger before opening an Excel file. @@ -32,18 +32,18 @@ The following sample shows the `Open` option by using the [`openUrl`](https://ej {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/open-save-cs1" %} -Please find the below table for the beforeOpen event arguments. +Please find the below table for the `beforeOpen` event arguments. | **Parameter** | **Type** | **Description** | | ----- | ----- | ----- | -| file | FileList or string or File | To get the file stream. `FileList` - contains length and item index.
`File` - specifies the file lastModified and file name. | +| file | FileList or string or File | To get the file stream. `FileList` contains length and item index.
`File` specifies the file `lastModified` and file name. | | cancel | boolean | To prevent the open operation. | | requestData | object | To provide the Form data. | > * Use `Ctrl + O` keyboard shortcut to open Excel documents. > * The default value of the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowopen) property is `true`. For demonstration purpose, we have showcased the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowopen) property in previous code snippet. -### Open an excel file using a file uploader +### Open an Excel file using a file uploader If you explore your machine to select and upload an excel document using the file uploader, you will receive the uploaded document as a raw file in the [success](https://ej2.syncfusion.com/documentation/api/uploader/#success) event of the file uploader. In this `success` event, you should pass the received raw file as an argument to the Spreadsheet's [open](https://ej2.syncfusion.com/documentation/api/spreadsheet/#open) method to see the appropriate output. @@ -73,7 +73,7 @@ You can achieve to access the remote excel file by using the [`created`](https:/ {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/open-save-cs2" %} -### Open an excel file from blob data +### Open an Excel file from blob data By default, the Spreadsheet control provides an option to browse files from the local file system and open them within the control. If you want to open an Excel file from blob data, you need to fetch the blob data from the server or another source and convert this blob data into a `File` object. Then, you can use the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet/#open) method in the Spreadsheet control to load that `File` object. @@ -145,13 +145,13 @@ You can find the server endpoint code to fetch and process the Excel file in thi fetch('https://localhost:{port number}/Home/Open') ``` -### Open an excel file using a hosted web service in AWS Lambda +### Open an Excel file using a hosted web service in AWS Lambda Before proceeding with the opening process, you should deploy the spreadsheet open/save web API service in AWS Lambda. To host the open/save web service in the AWS Lambda environment, please refer to the following KB documentation. [How to deploy a spreadsheet open and save web API service to AWS Lambda](https://support.syncfusion.com/kb/article/17184/how-to-deploy-a-spreadsheet-open-and-save-web-api-service-to-aws-lambda) -After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request. +After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The Spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `eventArgs.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request. On the open service end, convert the base64 string back to a file and pass it as an argument to the workbook `Open` method. The open service will process the file and return the spreadsheet data in JSON format. You will then receive this JSON data in the fetch success callback. Finally, use the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method to load this JSON data into the spreadsheet component. @@ -234,7 +234,7 @@ public class OpenOptions } ``` -### Open an excel file from Base64 string data +### Open an Excel file from Base64 string data In the Syncfusion® Spreadsheet component, there is no direct option to open data as a `Base64` string. To achieve this, the `import()` function fetches the `Base64` string, converts it to a Blob, creates a File object from the Blob, and then opens it using the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet/#open) method in the spreadsheet. @@ -251,7 +251,7 @@ The following code example shows how to save the spreadsheet data as base64 stri {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/base-64-string" %} -### Open excel file into a read-only mode +### Open Excel file into a read-only mode You can open excel file into a read-only mode by using the [`openComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#opencomplete) event. In this event, you must protect all the sheets and lock its used range cells by using [`protectSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#protectsheet) and [`lockCells`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#lockcells) methods. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md index 57fc4c7e4d..2abf61de71 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md @@ -3,13 +3,13 @@ layout: post title: Rows and columns in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Rows and columns in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Rows and columns +control: Rows and columns documentation: ug --- # Rows and columns in EJ2 TypeScript Spreadsheet control -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, +Spreadsheet is a tabular format consisting of rows and columns. The intersection point of rows and columns are called cells. The list of operations that you can perform in rows and columns are, * Insert * Delete @@ -44,7 +44,7 @@ The following code example shows the options for inserting rows in the spreadshe The columns can be inserted in the following ways, * Using [`insertColumn`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertcolumn) method, you can insert the columns once the component is loaded. -* Using context menu, insert the empty columns in the desired position. +* Using the context menu, insert empty columns in the desired position. The following code example shows the options for inserting columns in the spreadsheet. @@ -104,7 +104,7 @@ The rows can be hidden or shown through the following ways, ### Column -The columns can be hidden or shown through following ways, +The columns can be hidden or shown through the following ways, * Using `hidden` property in columns, you can hide/show the columns at initial load. * Using `hideColumn` method, you can hide the columns by specifying the start and end column index, set the last argument `hide` as `false` to unhide the hidden columns. @@ -153,7 +153,7 @@ The following code example shows how to change the height for single/multiple ro ### Column -You can change the width of single or multiple columns by using the [setColumnsWidth](.https://ej2.syncfusion.com/documentation/api/spreadsheet/#setcolumnswidth) method. +You can change the width of single or multiple columns by using the [setColumnsWidth](https://ej2.syncfusion.com/documentation/api/spreadsheet/#setcolumnswidth) method. You can provide the following type of ranges to the method: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md index bd34337674..68742ea198 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md @@ -3,7 +3,7 @@ layout: post title: Selection in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Selection in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Selection +control: Selection documentation: ug --- @@ -13,7 +13,7 @@ Selection provides interactive support to highlight the cell, row, or column tha > * The default value for `mode` in `selectionSettings` is `Multiple`. -You have the following options in Selection, +The following selection types are supported: * Cell selection * Row selection @@ -21,7 +21,7 @@ You have the following options in Selection, ## Cell selection -Cell selection is used to select a single or multiple cells. It can be performed using the [`selectRange`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#selectrange) method. +Cell selection is used to select a single cell or a range of cells. It can be performed using the [`selectRange`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#selectrange) method. **User Interface**: @@ -33,7 +33,7 @@ You can quickly locate and select specific cells or ranges by entering their nam ## Row selection -Row selection is used to select a single or multiple rows. +Row selection is used to select a single row or multiple rows. **User Interface**: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md index 9bf12fdbb3..a3da425ad1 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md @@ -3,15 +3,15 @@ layout: post title: Sort in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Sort in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Sort +control: Sort documentation: ug --- # Sort in EJ2 TypeScript Spreadsheet control -Sorting helps arranging the data to a specific order in a selected range of cells. You can use the [`allowSorting`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowsorting) property to enable or disable sorting functionality. +Sorting helps arrange the data in a specific order within a selected range of cells. You can use the [`allowSorting`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowsorting) property to enable or disable sorting functionality. -> * The default value for `allowSorting` property is `true`. +> * The default value for the `allowSorting` property is `true`. By default, the `sort` module is injected internally into Spreadsheet to perform sorting. @@ -75,7 +75,7 @@ Case sensitive sorting is applicable only for cells with alphabets. In ascending > * The default value for the `caseSensitive` property is `false`. -You can also enable or disable this property using `beforeSort` event arguments, +You can also enable or disable this property using the `beforeSort` event arguments: ```ts diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md index 2c05af02c8..99abad7f55 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md @@ -3,7 +3,7 @@ layout: post title: Template in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Template in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Template +control: Cell Template documentation: ug --- diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md index 795cf73b62..4f863f50da 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md @@ -3,7 +3,7 @@ layout: post title: Worksheet in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Worksheet in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Worksheet +control: Worksheet documentation: ug --- @@ -13,13 +13,13 @@ Worksheet is a collection of cells organized in the form of rows and columns tha ## Add sheet -You can dynamically add or insert a sheet by one of the following ways, +You can dynamically add or insert a sheet in the following ways: -* Click the `Add Sheet` button in the sheet tab. This will add a new empty sheet next to current active sheet. -* Right-click on the sheet tab, and then select `Insert` option from the context menu to insert a new empty sheet before the current active sheet. -* Using [`insertSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertsheet) method, you can insert one or more sheets at your desired index. +* Click the `Add Sheet` button in the sheet tab. This adds a new empty sheet next to the current active sheet. +* Right-click on the sheet tab, and then select `Insert` from the context menu to insert a new empty sheet before the current active sheet. +* Use the [`insertSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertsheet) method to insert one or more sheets at the desired index. -The following code example shows the insert sheet operation in spreadsheet. +The following code example shows the insert sheet operation in the Spreadsheet. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -58,20 +58,20 @@ The Spreadsheet has support for removing an existing worksheet. You can dynamica ## Rename sheet -You can dynamically rename an existing worksheet in the following way, +You can dynamically rename an existing worksheet in the following ways: * Right-click on the sheet tab, and then select `Rename` option from the context menu. ## Headers -By default, the row and column headers are visible in worksheets. You can dynamically show or hide worksheet headers by using one of the following ways, +By default, the row and column headers are visible in worksheets. You can dynamically show or hide worksheet headers in the following ways: * Switch to `View` tab, and then select `Hide Headers` option to hide both the row and column headers. * Set `showHeaders` property in `sheets` as `true` or `false` to show or hide the headers at initial load. By default, the `showHeaders` property is enabled in each worksheet. ## Gridlines -Gridlines act as a border like appearance of cells. They are used to distinguish cells on the worksheet. You can dynamically show or hide gridlines by using one of the following ways, +Gridlines provide a border-like appearance for cells. They are used to distinguish cells on the worksheet. You can dynamically show or hide gridlines in the following ways: * Switch to `View` tab, and then select `Hide Gridlines` option to hide the gridlines in worksheet. * Set `showGridLines` property in `sheets` as `true` or `false` to show or hide the gridlines at initial load. By default, the `showGridLines` property is enabled in each worksheet. @@ -93,7 +93,7 @@ The following code example shows the headers and gridlines operation in spreadsh Hiding a worksheet can help prevent unauthorized or accidental changes to your file. -There are three visibility state as like Microsoft Excel, +There are three visibility states, as in Microsoft Excel: | State | Description | |-------|---------| From 2598bb1bf4b525a2f94af0b5942eefc957120582 Mon Sep 17 00:00:00 2001 From: Yuvarajan Balasubramaniyan Date: Mon, 27 Jul 2026 15:39:48 +0530 Subject: [PATCH 2/6] 1043174: modified some content --- .../Spreadsheet/Javascript-ES6/cell-range.md | 24 ++++----- .../Spreadsheet/Javascript-ES6/clipboard.md | 10 ++-- .../Javascript-ES6/context-menu.md | 42 +++++++-------- .../Javascript-ES6/data-binding.md | 8 +-- .../Javascript-ES6/docker-deployment.md | 2 +- .../Spreadsheet/Javascript-ES6/editing.md | 10 ++-- .../Spreadsheet/Javascript-ES6/filter.md | 12 ++--- .../Spreadsheet/Javascript-ES6/formulas.md | 20 +++---- .../Spreadsheet/Javascript-ES6/freeze-pane.md | 4 +- .../Javascript-ES6/illustrations.md | 14 ++--- .../Excel/Spreadsheet/Javascript-ES6/link.md | 6 +-- .../Spreadsheet/Javascript-ES6/open-save.md | 52 +++++++++---------- .../Javascript-ES6/rows-and-columns.md | 18 +++---- .../Spreadsheet/Javascript-ES6/selection.md | 7 +-- .../Excel/Spreadsheet/Javascript-ES6/sort.md | 18 +++---- .../Spreadsheet/Javascript-ES6/worksheet.md | 6 +-- 16 files changed, 127 insertions(+), 126 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md index 441d7350e5..23233238fb 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md @@ -13,13 +13,13 @@ A group of cells in a sheet is known as cell range. ## Wrap text -Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowwrap) property to enable or disable the wrap text support in spreadsheet. +Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowwrap) property to enable or disable the wrap text support in spreadsheet. Wrap text can be applied or removed to a cell or range of cells in the following ways, * Using the `wrap` property in `cell`, you can enable or disable wrap text to a cell at initial load. * Select or deselect wrap button from ribbon toolbar to apply or remove the wrap text to the selected range. -* Using the [`wrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#wrap) method, you can apply or remove the wrap text once the component is loaded. +* Using the [`wrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet#wrap) method, you can apply or remove the wrap text once the component is loaded. The following code example shows the wrap text functionality in spreadsheet. @@ -43,14 +43,14 @@ The following features have some limitations when wrap text is applied: ## Merge cells -Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowmerge) property to enable or disable the merge cells option in spreadsheet. +Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowmerge) property to enable or disable the merge cells option in spreadsheet. You can merge the range of cells in the following ways, * Set the `rowSpan` and `colSpan` property in `cell` to merge the number of cells at initial load. * Select the range of cells and apply merge by selecting the desired option from ribbon toolbar. -* Use [`merge`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#merge) method to merge the range of cells, once the component is loaded. +* Use [`merge`](https://ej2.syncfusion.com/documentation/api/spreadsheet#merge) method to merge the range of cells, once the component is loaded. The available merge options in the Spreadsheet are: @@ -83,7 +83,7 @@ The following features have some limitations in Merge: ## Data Validation -Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowdatavalidation) property to enable or disable data validation. +Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowdatavalidation) property to enable or disable data validation. > * The default value for `allowDataValidation` property is `true`. @@ -92,7 +92,7 @@ Data Validation is used to restrict the user from entering the invalid data. You You can apply data validation to restrict the type of data or the values that users enter into a cell. * Select the **Data** tab in the ribbon toolbar, and then choose **Data Validation**. -* Use the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#adddatavalidation) method programmatically. +* Use the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#adddatavalidation) method programmatically. ### Clear Validation @@ -101,7 +101,7 @@ Clear validation feature is used to remove data validations from the specified r Clear data validation in one of the following ways: * Select the **Data** tab in the ribbon toolbar, and then choose **Clear Validation**. -* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removedatavalidation) method programmatically. +* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removedatavalidation) method programmatically. ### Highlight Invalid Data @@ -110,7 +110,7 @@ Highlight invalid data feature is used to highlight the previously entered inval Highlight invalid data in one of the following ways: * Select the **Data** tab in the ribbon toolbar, and then choose **Highlight Invalid Data**. -* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addinvalidhighlight) method programmatically. +* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addinvalidhighlight) method programmatically. ### Clear Highlighted Invalid Data @@ -119,7 +119,7 @@ Clear highlight feature is used to remove the highlight from invalid cells. Clear the highlighted invalid data in the following ways: * Select the **Data** tab in the ribbon toolbar, and then choose **Clear Highlight**. -* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removeinvalidhighlight) method programmatically. +* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removeinvalidhighlight) method programmatically. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -145,7 +145,7 @@ When this rule is applied, the Spreadsheet evaluates the entered value against t You can apply custom data validation using two methods. * The first is through the Data Validation dialog in the ribbon toolbar. Navigate to the **Data** tab, select the **Data Validation** option, and choose the **Custom** type from the **Allow** dropdown menu. -* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#adddatavalidation) method, which allows developers to set custom rules dynamically via code. +* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#adddatavalidation) method, which allows developers to set custom rules dynamically via code. The following code example demonstrates how to add custom data validation with a formula in a Spreadsheet. @@ -259,7 +259,7 @@ Clear feature helps you to clear the cell contents (formulas and data), formats You can apply clear feature by using one of the following ways, * Select the clear icon in the Ribbon toolbar under the Home Tab. -* Using the [`clear()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clear) method to clear the values. +* Using the [`clear()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clear) method to clear the values. Clear has the following types in the spreadsheet, @@ -272,7 +272,7 @@ Clear has the following types in the spreadsheet, ### Methods -Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clear) method. The [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event. +Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet#clear) method. The [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md index ea53529336..19291eda73 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md @@ -9,7 +9,7 @@ documentation: ug # Clipboard in EJ2 TypeScript Spreadsheet control -The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enableclipboard) boolean property in Spreadsheet. +The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enableclipboard) boolean property in Spreadsheet. > By default, the `enableClipboard` property is `true`. @@ -24,7 +24,7 @@ Cut can be done in one of the following ways. * Using the Cut button in the Ribbon's Home tab to perform the cut operation. * Using the Cut option in the Context Menu. * Using the `Ctrl + X` | `Command + X` keyboard shortcut. -* Using the [`cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#cut) method. +* Using the [`cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet#cut) method. ## Copy @@ -37,7 +37,7 @@ Copy can be done in one of the following ways. * Using the Copy button in the Ribbon's Home tab to perform the copy operation. * Using the Copy option in the Context Menu. * Using the `Ctrl + C` | `Command + C` keyboard shortcut. -* Using the [`copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#copy) method. +* Using the [`copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet#copy) method. ## Paste @@ -55,7 +55,7 @@ Paste can be done in one of the following ways. * Using the Paste button in the Ribbon's Home tab to perform the paste operation. * Using the Paste option in the Context Menu. * Using the `Ctrl + V` | `Command + V` keyboard shortcut. -* Using the [`paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#paste) method. +* Using the [`paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet#paste) method. > If you use the Keyboard shortcut key for cut (`Ctrl + X`) | copy (`Ctrl + C`) from other sources, you should use `Ctrl + V` shortcut while pasting into the spreadsheet. @@ -72,7 +72,7 @@ Paste can be done in one of the following ways. ## Prevent the paste functionality -The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#actionbegin) event, you can set `cancel` argument as false in paste request type. +The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet#actionbegin) event, you can set `cancel` argument as false in paste request type. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md index 1214da0d4f..4fc0cc15de 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md @@ -9,7 +9,7 @@ documentation: ug # Context menu in EJ2 TypeScript Spreadsheet control -Context Menu is used to improve user interaction with Spreadsheet using the popup menu. This will open when right-clicking on Cell/Column Header/Row Header/ Pager in the Spreadsheet. You can use [`enableContextMenu`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enablecontextmenu) property to enable/disable context menu. +Context Menu is used to improve user interaction with Spreadsheet using the popup menu. This will open when right-clicking on Cell/Column Header/Row Header/ Pager in the Spreadsheet. You can use [`enableContextMenu`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enablecontextmenu) property to enable/disable context menu. > The default value for the `enableContextMenu` property is `true`. @@ -19,13 +19,13 @@ The following table lists the default context menu items available when right-cl | Context Menu items | Action | |-------|---------| -| [`Cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#cut) | Cut the selected cells data to the clipboard, you can select a cell where you want to move the data. | -| [`Copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#copy) | Copy the selected cells data to the clipboard, so that you can paste it to somewhere else. | -| [`Paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#paste) | Paste the data from clipboard to spreadsheet. | -| [`Paste Special`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. | -| [`Filter`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#filter) | Perform filtering to the selected cells based on an active cell’s value. | -| [`Sort`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sort) | Perform sorting to the selected range of cells by ascending or descending. | -| [`Hyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hyperlink) | Create a link in the spreadsheet to navigate to web links or cell reference within the sheet or other sheets in the Spreadsheet. | +| [`Cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet#cut) | Cut the selected cells data to the clipboard, you can select a cell where you want to move the data. | +| [`Copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet#copy) | Copy the selected cells data to the clipboard, so that you can paste it to somewhere else. | +| [`Paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet#paste) | Paste the data from clipboard to spreadsheet. | +| [`Paste Special`](https://ej2.syncfusion.com/documentation/api/spreadsheet#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. | +| [`Filter`](https://ej2.syncfusion.com/documentation/api/spreadsheet#filter) | Perform filtering to the selected cells based on an active cell’s value. | +| [`Sort`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sort) | Perform sorting to the selected range of cells by ascending or descending. | +| [`Hyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hyperlink) | Create a link in the spreadsheet to navigate to web links or cell reference within the sheet or other sheets in the Spreadsheet. | ## Context Menu Items in Row Header / Column Header @@ -33,14 +33,14 @@ The following table lists the default context menu items available when right-cl | Context Menu items | Action | |-------|---------| -| [`Cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#cut) | Cut the selected row/column header data to the clipboard, you can select a cell where you want to move the data. | -| [`Copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#copy) | Copy the selected row/column header data to the clipboard, so that you can paste it to somewhere else. | -| [`Paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#paste) | Paste the data from clipboard to spreadsheet. | -| [`Paste Special`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. | -| [`Insert Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertrow) / [`Insert Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertcolumn) | Insert new rows or columns into the worksheet. | -| [`Delete Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#delete) / [`Delete Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#delete) | Delete existing rows or columns from the worksheet. | -| [`Hide Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hiderow) / [`Hide Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hidecolumn) | Hide the rows or columns. | -| [`UnHide Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hiderow) / [`UnHide Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hidecolumn) | Show the hidden rows or columns. | +| [`Cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet#cut) | Cut the selected row/column header data to the clipboard, you can select a cell where you want to move the data. | +| [`Copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet#copy) | Copy the selected row/column header data to the clipboard, so that you can paste it to somewhere else. | +| [`Paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet#paste) | Paste the data from clipboard to spreadsheet. | +| [`Paste Special`](https://ej2.syncfusion.com/documentation/api/spreadsheet#paste) | `Values` - Paste the data values from clipboard to spreadsheet. `Formats` - Paste the data formats from clipboard to spreadsheet. | +| [`Insert Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertrow) / [`Insert Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertcolumn) | Insert new rows or columns into the worksheet. | +| [`Delete Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#delete) / [`Delete Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#delete) | Delete existing rows or columns from the worksheet. | +| [`Hide Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hiderow) / [`Hide Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hidecolumn) | Hide the rows or columns. | +| [`UnHide Rows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hiderow) / [`UnHide Columns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hidecolumn) | Show the hidden rows or columns. | ## Context Menu Items in Pager @@ -51,8 +51,8 @@ The following table lists the default context menu items available when right-cl | `Insert` | Insert a new worksheet in front of the existing worksheet. | | `Delete` | Delete the selected worksheet from the Spreadsheet. | | `Rename` | Rename the selected worksheet. | -| [`Protect Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#protectsheet) | Prevent unwanted changes from others by limiting their ability to edit. | -| [`Hide`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hide) |Hide the selected worksheet. | +| [`Protect Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#protectsheet) | Prevent unwanted changes from others by limiting their ability to edit. | +| [`Hide`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hide) |Hide the selected worksheet. | ## Context Menu Customization @@ -64,7 +64,7 @@ You can perform the following context menu customization options in the spreadsh ### Add Context Menu Items -You can add the custom items in context menu using the [`addContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addcontextmenuttems) in `contextmenuBeforeOpen` event +You can add the custom items in context menu using the [`addContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addcontextmenuttems) in `contextmenuBeforeOpen` event In this demo, a Custom Item is added after the Paste item in the cell context menu. @@ -81,7 +81,7 @@ In this demo, a Custom Item is added after the Paste item in the cell context me ### Remove Context Menu Items -You can remove the items in context menu using the [`removeContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removecontextmenuitems) in `contextmenuBeforeOpen` event +You can remove the items in context menu using the [`removeContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removecontextmenuitems) in `contextmenuBeforeOpen` event In this demo, Insert Column item has been removed from the row/column header context menu. @@ -98,7 +98,7 @@ In this demo, Insert Column item has been removed from the row/column header con ### Enable/Disable Context Menu Items -You can enable/disable the items in context menu using the [`enableContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enablecontextmenuitems) in `contextmenuBeforeOpen` event +You can enable/disable the items in context menu using the [`enableContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enablecontextmenuitems) in `contextmenuBeforeOpen` event In this demo, Rename item is disabled in the pager context menu. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md index e9983ab8f5..da1ccccf6b 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md @@ -34,7 +34,7 @@ Refer to the following code example for local data binding. ### Customizing column data mapping -By default, when a data source is bound to a sheet, columns are auto-assigned from the data source fields sequentially. This means that the first field in the data source is assigned to Column A, the second to Column B, and so on, sequentially. However, now you can customize the column assignments by specifying the appropriate field names in the desired order using the [fieldsOrder](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#fieldsorder) property. +By default, when a data source is bound to a sheet, columns are auto-assigned from the data source fields sequentially. This means that the first field in the data source is assigned to Column A, the second to Column B, and so on, sequentially. However, now you can customize the column assignments by specifying the appropriate field names in the desired order using the [fieldsOrder](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#fieldsorder) property. > You can customize the mapping of column data only in the local data binding support. @@ -149,11 +149,11 @@ The following table defines the arguments of the `dataSourceChanged` event. ## Dynamic data binding using updateRange method -The [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#datasource) in a Spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the Spreadsheet. +The [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#datasource) in a Spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the Spreadsheet. -To use the [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updaterange) method, provide the new [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#datasource) and specify the starting cell for the update using the [startCell](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel/#startcell) property of the `RangeModel`. Additionally, set the `sheetIndex` to target the appropriate sheet for the update. +To use the [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet#updaterange) method, provide the new [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#datasource) and specify the starting cell for the update using the [startCell](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#startcell) property of the `RangeModel`. Additionally, set the `sheetIndex` to target the appropriate sheet for the update. -The following code example demonstrates how to dynamically update data using the [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updaterange) method. +The following code example demonstrates how to dynamically update data using the [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet#updaterange) method. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md index 5d06f878f9..46fb5f4275 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md @@ -57,7 +57,7 @@ docker-compose up Now the Spreadsheet server Docker instance runs on localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Spreadsheet Web API open and save service at `http://localhost:6002/api/spreadsheet/open` and `http://localhost:6002/api/spreadsheet/save`. -**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet/#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet/#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/getting-started) +**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/getting-started) ```html diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md index 4e21344b88..820c92f086 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md @@ -9,7 +9,7 @@ documentation: ug # Editing in EJ2 TypeScript Spreadsheet control -You can edit the contents of a cell directly in the cell or by typing in the formula bar. By default, the editing feature is enabled in the spreadsheet. Use the [`allowEditing`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowediting) property to enable or disable the editing feature. +You can edit the contents of a cell directly in the cell or by typing in the formula bar. By default, the editing feature is enabled in the spreadsheet. Use the [`allowEditing`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowediting) property to enable or disable the editing feature. ## Edit cell @@ -19,7 +19,7 @@ You can start editing by one of the following ways: * Press the `F2` key to edit the active cell. * Use the formula bar to perform editing. * Press the `BACKSPACE` or `SPACE` key to clear the cell content and start the edit mode. -* Use the [`startEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#startedit) method. +* Use the [`startEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet#startedit) method. ## Save cell @@ -27,16 +27,16 @@ If the cell is in editable state, you can save the edited cell by one of the fol * Perform mouse click on any other cell rather than the current editing cell. * Press `Enter` or `Tab` keys to save the edited cell content. -* Using the [`endEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#endedit) method. +* Using the [`endEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet#endedit) method. ## Cancel editing To cancel editing without saving the changes, you can use one of the following ways: * Press `ESCAPE` key, this will remove the editable state and update the unchanged cell content. -* Using the [`closeEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#closeedit) method. +* Using the [`closeEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet#closeedit) method. -The following sample shows how to prevent the editing and cell save. Here `E` column prevent the editing by using cancel argument as true in [`cellEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#celledit) event. In `D` column, prevent saving the edited changes by using cancel argument as true in [`beforeCellSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforecellsave) and use [`closeEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#closeedit) method in spreadsheet. +The following sample shows how to prevent the editing and cell save. Here `E` column prevent the editing by using cancel argument as true in [`cellEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet#celledit) event. In `D` column, prevent saving the edited changes by using cancel argument as true in [`beforeCellSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforecellsave) and use [`closeEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet#closeedit) method in spreadsheet. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md index e224e8de2c..e9b3715b56 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md @@ -21,7 +21,7 @@ In the active sheet, select a range of cells to filter by value of the cell. The * Select the filter item in the Ribbon toolbar. * Right-click the sheet, and then select the filter item in the context menu. -* Use the [`applyFilter()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#applyfilter) method programmatically. +* Use the [`applyFilter()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#applyfilter) method programmatically. * Use `Ctrl + Shift + L` keyboard shortcut to apply the filter. @@ -29,10 +29,10 @@ In the active sheet, select a range of cells to filter by value of the cell. The ## Filter by criteria -The [`applyFilter()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#applyfilter) method will apply the filter UI, based on the predicate and range given in the arguments. +The [`applyFilter()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#applyfilter) method will apply the filter UI, based on the predicate and range given in the arguments. -> * The [`beforeFilter`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforefilter) event will be triggered before filtering the specified range. -> * The [`filterComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#filtercomplete) event will be triggered after the filter action is completed successfully. +> * The [`beforeFilter`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforefilter) event will be triggered before filtering the specified range. +> * The [`filterComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#filtercomplete) event will be triggered after the filter action is completed successfully. The following code example shows `filter` functionality in the Spreadsheet control. @@ -57,7 +57,7 @@ After applying a filter to a column, you may want to clear it to make all filter * Choose `Clear` option in ribbon toolbar under `Filter and Sort`. It clears the filters applied in the spreadsheet for all fields. -* Use the [`clearFilter()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clearfilter) method programmatically, to clear the applied filters in spreadsheet for all fields. +* Use the [`clearFilter()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clearfilter) method programmatically, to clear the applied filters in spreadsheet for all fields. ## Clear filter on a field @@ -65,7 +65,7 @@ After filtering, you can clear/reset the filter for a field alone. It can be don * Click the filter icon in the column's header and then choose the `Clear Filter` option from the filter dialog. * Right-click a filtered column cell and choose the `Clear Filter from ` option from the context menu. -* Use the [`clearFilter(field)`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clearfilter) method programmatically to clear the filter on a particular column. The `field` argument accepts the column key (for example, `'A'`) or the column header name. +* Use the [`clearFilter(field)`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clearfilter) method programmatically to clear the filter on a particular column. The `field` argument accepts the column key (for example, `'A'`) or the column header name. ## Reapply filter diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md index 5de63f640b..73d2e74db3 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md @@ -18,7 +18,7 @@ You can set a formula for a cell in the following ways: * Using the `formula` property from `cell`, you can set the formula or expression to each cell at initial load. * Set the formula or expression through data binding. * You can set a formula for a cell by [`editing`](./editing). -* Using the [`updateCell`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updatecell) method, you can set or update the cell formula. +* Using the [`updateCell`](https://ej2.syncfusion.com/documentation/api/spreadsheet#updatecell) method, you can set or update the cell formula. ## Culture-Based Argument Separator @@ -27,7 +27,7 @@ Previously, although you could import culture-based Excel files into the Spreads > Before importing culture-based Excel files, ensure that the Spreadsheet is rendered with the corresponding culture. Additionally, launch the import/export services with the same culture to ensure compatibility. -When loading spreadsheet data with culture-based formula argument separators using cell data binding, local/remote data, or JSON, ensure to set the [listSeparator](https://ej2.syncfusion.com/documentation/api/spreadsheet/#listseparator) property value as the culture-based list separator from your end. Additionally, note that when importing an Excel file, the [listSeparator](https://ej2.syncfusion.com/documentation/api/spreadsheet/#listseparator) property will be updated based on the culture of the launched import/export service. +When loading spreadsheet data with culture-based formula argument separators using cell data binding, local/remote data, or JSON, ensure to set the [listSeparator](https://ej2.syncfusion.com/documentation/api/spreadsheet#listseparator) property value as the culture-based list separator from your end. Additionally, note that when importing an Excel file, the [listSeparator](https://ej2.syncfusion.com/documentation/api/spreadsheet#listseparator) property will be updated based on the culture of the launched import/export service. In the example below, the Spreadsheet component is rendered with the `German` [`de`] culture. Additionally, you can find references on how to set the culture-based argument separator and culture-based formatted numeric value as arguments to the formulas. @@ -46,7 +46,7 @@ In the example below, the Spreadsheet component is rendered with the `German` [` The Spreadsheet includes a number of built-in formulas. For your convenience, a list of supported formulas can be found [here](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/formulas#supported-formulas). -You can define and use an unsupported formula, i.e. a user defined/custom formula, in the spreadsheet by using the [addCustomFunction](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addcustomfunction) function. Meanwhile, remember that you should define a user defined/custom formula whose results should only return a single value. If a user-defined/custom formula returns an array, it will be time-consuming to update adjacent cell values. +You can define and use an unsupported formula, i.e. a user defined/custom formula, in the spreadsheet by using the [addCustomFunction](https://ej2.syncfusion.com/documentation/api/spreadsheet#addcustomfunction) function. Meanwhile, remember that you should define a user defined/custom formula whose results should only return a single value. If a user-defined/custom formula returns an array, it will be time-consuming to update adjacent cell values. The following code example shows an unsupported formula in the spreadsheet. @@ -61,7 +61,7 @@ The following code example shows an unsupported formula in the spreadsheet. {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/formula-cs1" %} -Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/documentation/api/spreadsheet/#computeexpression) method. This method will work for both built-in and user-defined/custom formula. +Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/documentation/api/spreadsheet#computeexpression) method. This method will work for both built-in and user-defined/custom formula. The following code example shows how to use `computeExpression` method in the spreadsheet. @@ -78,15 +78,15 @@ The following code example shows how to use `computeExpression` method in the sp ## Formula bar -Formula bar is used to edit or enter cell data in much easier way. By default, the formula bar is enabled in the spreadsheet. Use the [`showFormulaBar`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#showformulabar) property to enable or disable the formula bar. +Formula bar is used to edit or enter cell data in much easier way. By default, the formula bar is enabled in the spreadsheet. Use the [`showFormulaBar`](https://ej2.syncfusion.com/documentation/api/spreadsheet#showformulabar) property to enable or disable the formula bar. ## Named Ranges You can define a meaningful name for a cell range and use it in the formula for calculation. It makes your formula much easier to understand and maintain. You can add named ranges to the Spreadsheet in the following ways, -* Using the [`definedNames`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#definednames) collection, you can add multiple named ranges at initial load. -* Use the [`addDefinedName`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#adddefinedname) method to add a named range dynamically. -* You can remove an added named range dynamically using the [`removeDefinedName`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removedefinedname) method. +* Using the [`definedNames`](https://ej2.syncfusion.com/documentation/api/spreadsheet#definednames) collection, you can add multiple named ranges at initial load. +* Use the [`addDefinedName`](https://ej2.syncfusion.com/documentation/api/spreadsheet#adddefinedname) method to add a named range dynamically. +* You can remove an added named range dynamically using the [`removeDefinedName`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removedefinedname) method. * Select the range of cells, and then enter the name for the selected range in the `Name box`. The following code example shows the usage of named ranges support. @@ -109,13 +109,13 @@ The Spreadsheet provides a `Calculation Mode` feature like the calculation optio * `Automatic`: Formulas are recalculated instantly whenever a change occurs in the dependent cells. * `Manual`: Formulas are recalculated only when triggered explicitly by the user using options like `Calculate Sheet` or `Calculate Workbook`. -You can configure the calculate mode using the [`calculationMode`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#calculationmode) property of the Spreadsheet. These modes offer flexibility to balance real-time updates and performance optimization. +You can configure the calculate mode using the [`calculationMode`](https://ej2.syncfusion.com/documentation/api/spreadsheet#calculationmode) property of the Spreadsheet. These modes offer flexibility to balance real-time updates and performance optimization. ### Automatic Mode In Automatic Mode, formulas are recalculated instantly whenever a dependent cell is modified. This mode is perfect for scenarios where real-time updates are essential, ensuring that users see the latest results without additional actions. -For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. You can enable this mode by setting the [`calculationMode`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#calculationmode) property to `Automatic`. +For example, consider a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, `C1` updates immediately without requiring any user intervention. You can enable this mode by setting the [`calculationMode`](https://ej2.syncfusion.com/documentation/api/spreadsheet#calculationmode) property to `Automatic`. The following code example demonstrates how to set the Automatic calculation mode in a Spreadsheet. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md index d9f96bafba..af19a98b13 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md @@ -9,7 +9,7 @@ documentation: ug # Freeze pane in EJ2 TypeScript Spreadsheet control -Freeze Panes help you keep particular rows or columns visible while scrolling the sheet content. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sheets) configuration. +Freeze Panes help you keep particular rows or columns visible while scrolling the sheet content. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sheets) configuration. ## Apply freezepanes on UI @@ -18,7 +18,7 @@ Freeze Panes help you keep particular rows or columns visible while scrolling th In the active spreadsheet, click the cell where you want to create freeze panes. You can freeze panes in any of the following ways: * Select the View tab in the Ribbon toolbar and choose the `Freeze Panes` item. -* Use the [`freezePanes`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#freezepanes) method programmatically. +* Use the [`freezePanes`](https://ej2.syncfusion.com/documentation/api/spreadsheet#freezepanes) method programmatically. ## FrozenRows diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md index 043c50b558..b47af52ea0 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md @@ -88,9 +88,9 @@ The following features have some limitations in Image: ## Chart -A chart is a graphical representation of data; it organizes and represents a set of numerical or qualitative data. It typically displays the selected range of data in terms of the `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowchart) property to enable or disable the chart functionality. +A chart is a graphical representation of data; it organizes and represents a set of numerical or qualitative data. It typically displays the selected range of data in terms of the `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowchart) property to enable or disable the chart functionality. -> The default value for the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowchart) property is `true`. +> The default value for the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowchart) property is `true`. ### Types of chart @@ -108,9 +108,9 @@ The following types of charts are available in the Spreadsheet. You can insert the chart by using one of the following ways, * Select the chart icon in the Ribbon toolbar under the Insert Tab. -* Use the [`insertChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertchart) method programmatically. +* Use the [`insertChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertchart) method programmatically. -The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertchart) method is, +The available parameter in the [`insertChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertchart) method is, | Parameter | Type | Description | |-----|------|----| @@ -139,9 +139,9 @@ The available arguments in the `ChartModel` are: ### Delete Chart * If you want to delete the chart, just select the chart, and then press the Delete key. -* Use the [`deleteChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#deletechart) method programmatically. +* Use the [`deleteChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#deletechart) method programmatically. -The available parameter in the [`deleteChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#deletechart) method is, +The available parameter in the [`deleteChart()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#deletechart) method is, | Parameter | Type | Description | |-----|------|----| @@ -168,7 +168,7 @@ Chart feature allows you to view and insert a chart in a spreadsheet, and you ca #### Customization of Line Chart Markers -Using the [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. The following example shows how to modify the marker shape and size when creating a line chart through the UI. +Using the [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. The following example shows how to modify the marker shape and size when creating a line chart through the UI. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md index 4d39e521b5..eee2165ac2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/link.md @@ -9,7 +9,7 @@ documentation: ug # Link in EJ2 TypeScript Spreadsheet control -Hyperlink is used to navigate to web links, cell references within the sheet, or to other sheets in the Spreadsheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowhyperlink) property to enable or disable hyperlink functionality. +Hyperlink is used to navigate to web links, cell references within the sheet, or to other sheets in the Spreadsheet. You can use the [`allowHyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowhyperlink) property to enable or disable hyperlink functionality. > * The default value for `allowHyperlink` property is `true`. @@ -25,7 +25,7 @@ In the active spreadsheet, click the cell where you want to create a hyperlink. * Right-click the cell and then click the Hyperlink item in the context menu. * Use the `Ctrl + K` keyboard shortcut to apply the hyperlink. -* Use the [`addHyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addhyperlink) method programmatically. +* Use the [`addHyperlink`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addhyperlink) method programmatically. ## Edit Hyperlink @@ -49,7 +49,7 @@ Performing this operation removes a single hyperlink without losing the display In the active spreadsheet, click the cell where you want to remove a hyperlink. remove hyperlink can be done by any of the following ways: * Right-click the cell and then click Remove Hyperlink item in the context menu. -* Use the [`removeHyperlink()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removehyperlink) method programmatically. +* Use the [`removeHyperlink()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removehyperlink) method programmatically. ## How to change target attribute diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md index 25fc644989..bb58f12dea 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md @@ -13,13 +13,13 @@ The native data format for the Spreadsheet is `JSON`. When you open an Excel fil ## Open -The Spreadsheet control opens an Excel document with its data, style, format, and more. To enable this feature, set [`allowOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowopen) to `true` and assign a service URL to the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openurl) property. +The Spreadsheet control opens an Excel document with its data, style, format, and more. To enable this feature, set [`allowOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowopen) to `true` and assign a service URL to the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet#openurl) property. **User Interface**: In the user interface, you can open an Excel document by clicking `File > Open` in the ribbon. -The following sample shows the `Open` option by using the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openurl) property in the Spreadsheet control. You can also use the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforeopen) event to trigger before opening an Excel file. +The following sample shows the `Open` option by using the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet#openurl) property in the Spreadsheet control. You can also use the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforeopen) event to trigger before opening an Excel file. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -41,11 +41,11 @@ Please find the below table for the `beforeOpen` event arguments. | requestData | object | To provide the Form data. | > * Use `Ctrl + O` keyboard shortcut to open Excel documents. -> * The default value of the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowopen) property is `true`. For demonstration purpose, we have showcased the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowopen) property in previous code snippet. +> * The default value of the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowopen) property is `true`. For demonstration purpose, we have showcased the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowopen) property in previous code snippet. ### Open an Excel file using a file uploader -If you explore your machine to select and upload an excel document using the file uploader, you will receive the uploaded document as a raw file in the [success](https://ej2.syncfusion.com/documentation/api/uploader/#success) event of the file uploader. In this `success` event, you should pass the received raw file as an argument to the Spreadsheet's [open](https://ej2.syncfusion.com/documentation/api/spreadsheet/#open) method to see the appropriate output. +If you explore your machine to select and upload an excel document using the file uploader, you will receive the uploaded document as a raw file in the [success](https://ej2.syncfusion.com/documentation/api/uploader#success) event of the file uploader. In this `success` event, you should pass the received raw file as an argument to the Spreadsheet's [open](https://ej2.syncfusion.com/documentation/api/spreadsheet#open) method to see the appropriate output. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -60,7 +60,7 @@ If you explore your machine to select and upload an excel document using the fil ### Open an external URL excel file while initial load -You can achieve to access the remote excel file by using the [`created`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#created) event. In this event you can fetch the excel file and convert it to a blob. Convert this blob to a file and [`open`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#open) this file by using Spreadsheet component open method. +You can achieve to access the remote excel file by using the [`created`](https://ej2.syncfusion.com/documentation/api/spreadsheet#created) event. In this event you can fetch the excel file and convert it to a blob. Convert this blob to a file and [`open`](https://ej2.syncfusion.com/documentation/api/spreadsheet#open) this file by using Spreadsheet component open method. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -75,7 +75,7 @@ You can achieve to access the remote excel file by using the [`created`](https:/ ### Open an Excel file from blob data -By default, the Spreadsheet control provides an option to browse files from the local file system and open them within the control. If you want to open an Excel file from blob data, you need to fetch the blob data from the server or another source and convert this blob data into a `File` object. Then, you can use the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet/#open) method in the Spreadsheet control to load that `File` object. +By default, the Spreadsheet control provides an option to browse files from the local file system and open them within the control. If you want to open an Excel file from blob data, you need to fetch the blob data from the server or another source and convert this blob data into a `File` object. Then, you can use the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet#open) method in the Spreadsheet control to load that `File` object. Please find the code to fetch the blob data and load it into the Spreadsheet control below. @@ -92,7 +92,7 @@ Please find the code to fetch the blob data and load it into the Spreadsheet con ### Open an Excel file located on a server -By default, the Spreadsheet control provides an option to browse files from the local file system and open them within the control. If you want to load an Excel file located on a server, you need to configure the server endpoint to fetch the Excel file from the server location, process it using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, and send it back to the client side as `JSON data`. On the client side, you should use the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method to load that `JSON data` into the Spreadsheet control. +By default, the Spreadsheet control provides an option to browse files from the local file system and open them within the control. If you want to load an Excel file located on a server, you need to configure the server endpoint to fetch the Excel file from the server location, process it using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, and send it back to the client side as `JSON data`. On the client side, you should use the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method to load that `JSON data` into the Spreadsheet control. **Server Endpoint**: @@ -151,9 +151,9 @@ Before proceeding with the opening process, you should deploy the spreadsheet op [How to deploy a spreadsheet open and save web API service to AWS Lambda](https://support.syncfusion.com/kb/article/17184/how-to-deploy-a-spreadsheet-open-and-save-web-api-service-to-aws-lambda) -After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The Spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `eventArgs.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request. +After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The Spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `eventArgs.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request. -On the open service end, convert the base64 string back to a file and pass it as an argument to the workbook `Open` method. The open service will process the file and return the spreadsheet data in JSON format. You will then receive this JSON data in the fetch success callback. Finally, use the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method to load this JSON data into the spreadsheet component. +On the open service end, convert the base64 string back to a file and pass it as an argument to the workbook `Open` method. The open service will process the file and return the spreadsheet data in JSON format. You will then receive this JSON data in the fetch success callback. Finally, use the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method to load this JSON data into the spreadsheet component. The following code example shows how to open an Excel file using a hosted web service in AWS Lambda, as mentioned above. @@ -236,7 +236,7 @@ public class OpenOptions ### Open an Excel file from Base64 string data -In the Syncfusion® Spreadsheet component, there is no direct option to open data as a `Base64` string. To achieve this, the `import()` function fetches the `Base64` string, converts it to a Blob, creates a File object from the Blob, and then opens it using the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet/#open) method in the spreadsheet. +In the Syncfusion® Spreadsheet component, there is no direct option to open data as a `Base64` string. To achieve this, the `import()` function fetches the `Base64` string, converts it to a Blob, creates a File object from the Blob, and then opens it using the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet#open) method in the spreadsheet. The following code example shows how to save the spreadsheet data as base64 string. @@ -253,7 +253,7 @@ The following code example shows how to save the spreadsheet data as base64 stri ### Open Excel file into a read-only mode -You can open excel file into a read-only mode by using the [`openComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#opencomplete) event. In this event, you must protect all the sheets and lock its used range cells by using [`protectSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#protectsheet) and [`lockCells`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#lockcells) methods. +You can open excel file into a read-only mode by using the [`openComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#opencomplete) event. In this event, you must protect all the sheets and lock its used range cells by using [`protectSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#protectsheet) and [`lockCells`](https://ej2.syncfusion.com/documentation/api/spreadsheet#lockcells) methods. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -268,7 +268,7 @@ You can open excel file into a read-only mode by using the [`openComplete`](http ### Configure JSON deserialization options -Previously, when opening a workbook JSON object into the Spreadsheet using the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method, the entire workbook, including all features specified in the JSON object, was processed and loaded into the Spreadsheet. +Previously, when opening a workbook JSON object into the Spreadsheet using the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method, the entire workbook, including all features specified in the JSON object, was processed and loaded into the Spreadsheet. Now, you have the option to selectively ignore some features during the opening of the JSON object by configuring deserialization options and passing them as arguments to the `openFromJson` method. This argument is optional, and if not configured, the entire workbook JSON object will be loaded without ignoring any features. @@ -339,7 +339,7 @@ public IActionResult Open(IFormCollection openRequest) When opening large Excel files with many features and data, the server response can become very large. This might cause memory issues or connection problems during data transmission. The `Chunk Response Processing` feature solves this by dividing the server response into smaller parts, called chunks, and sending them to the client in parallel. The client receives these chunks and combines them to load the Excel data smoothly into the spreadsheet. -You can enable this feature by setting the [`chunkSize`](https://ej2.syncfusion.com/documentation/api/spreadsheet/openSettings/#chunksize) property in the [`openSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#opensettings) object. Set the [`chunkSize`](https://ej2.syncfusion.com/documentation/api/spreadsheet/openSettings/#chunksize) to a value greater than 0 (in bytes). The [`chunkSize`](https://ej2.syncfusion.com/documentation/api/spreadsheet/openSettings/#chunksize) defines how large each chunk will be. Make sure your server supports chunked responses to use this feature effectively. +You can enable this feature by setting the [`chunkSize`](https://ej2.syncfusion.com/documentation/api/spreadsheet/openSettings#chunksize) property in the [`openSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet#opensettings) object. Set the [`chunkSize`](https://ej2.syncfusion.com/documentation/api/spreadsheet/openSettings#chunksize) to a value greater than 0 (in bytes). The [`chunkSize`](https://ej2.syncfusion.com/documentation/api/spreadsheet/openSettings#chunksize) defines how large each chunk will be. Make sure your server supports chunked responses to use this feature effectively. > This feature reduces memory usage on both the server and client, ensuring that resources are managed efficiently during data transmission. By sending smaller parts of data, it prevents connection issues that could occur with large payloads, making the transmission process more reliable. Additionally, it allows large Excel files to be loaded smoothly into the spreadsheet, providing a seamless user experience even with extensive data. @@ -397,7 +397,7 @@ The [attachment](https://www.syncfusion.com/downloads/support/directtrac/general ### Add custom header during open -You can add your own custom header to the open action in the Spreadsheet. For processing the data, it has to be sent from server to client side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforeopen) event, the custom header can be added to the request during open action. +You can add your own custom header to the open action in the Spreadsheet. For processing the data, it has to be sent from server to client side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforeopen) event, the custom header can be added to the request during open action. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -440,13 +440,13 @@ The following list of Excel file formats are supported in Spreadsheet: ## Save -The Spreadsheet control saves its data, style, format, and more as Excel file document. To enable this feature, set [`allowSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowsave) as `true` and assign service url to the [`saveUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#saveurl) property. +The Spreadsheet control saves its data, style, format, and more as Excel file document. To enable this feature, set [`allowSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowsave) as `true` and assign service url to the [`saveUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet#saveurl) property. **User Interface**: In user interface, you can save Spreadsheet data as Excel document by clicking `File > Save As` menu item in ribbon. -The following sample shows the `Save` option by using the [`saveUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#saveurl) property in the Spreadsheet control. You can also use the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforesave) event to trigger before saving the Spreadsheet as an Excel file. +The following sample shows the `Save` option by using the [`saveUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet#saveurl) property in the Spreadsheet control. You can also use the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event to trigger before saving the Spreadsheet as an Excel file. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -473,12 +473,12 @@ Please find the below table for the beforeSave event arguments. > * Use `Ctrl + S` keyboard shortcut to save the Spreadsheet data as Excel file. -> * The default value of [allowSave](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowsave) property is `true`. For demonstration purpose, we have showcased the [allowSave](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowsave) property in previous code snippet. +> * The default value of [allowSave](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowsave) property is `true`. For demonstration purpose, we have showcased the [allowSave](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowsave) property in previous code snippet. > * Demo purpose only, we have used the online web service url link. ### Save an excel file as blob data -By default, the Spreadsheet control saves the Excel file and downloads it to the local file system. If you want to save an Excel file as blob data, you need to set `needBlobData` property to **true** and `isFullPost` property to **false** in the [beforeSave](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforesave) event of the spreadsheet. Subsequently, you will receive the spreadsheet data as a blob in the [saveComplete](https://ej2.syncfusion.com/documentation/api/spreadsheet/#savecomplete) event. You can then post the blob data to the server endpoint for saving. +By default, the Spreadsheet control saves the Excel file and downloads it to the local file system. If you want to save an Excel file as blob data, you need to set `needBlobData` property to **true** and `isFullPost` property to **false** in the [beforeSave](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event of the spreadsheet. Subsequently, you will receive the spreadsheet data as a blob in the [saveComplete](https://ej2.syncfusion.com/documentation/api/spreadsheet#savecomplete) event. You can then post the blob data to the server endpoint for saving. Please find below the code to retrieve blob data from the Spreadsheet control below. @@ -495,7 +495,7 @@ Please find below the code to retrieve blob data from the Spreadsheet control be ### Save an Excel file to a server -By default, the Spreadsheet control saves the Excel file and downloads it to the local file system. If you want to save an Excel file to a server location, you need to configure the server endpoint to convert the spreadsheet data into a file stream and save it to the server location. To do this, first, on the client side, you must convert the spreadsheet data into `JSON` format using the [saveAsJson](https://ej2.syncfusion.com/documentation/api/spreadsheet/#saveasjson) method and send it to the server endpoint. On the server endpoint, you should convert the received spreadsheet `JSON` data into a file stream using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, then convert the stream into an Excel file, and finally save it to the server location. +By default, the Spreadsheet control saves the Excel file and downloads it to the local file system. If you want to save an Excel file to a server location, you need to configure the server endpoint to convert the spreadsheet data into a file stream and save it to the server location. To do this, first, on the client side, you must convert the spreadsheet data into `JSON` format using the [saveAsJson](https://ej2.syncfusion.com/documentation/api/spreadsheet#saveasjson) method and send it to the server endpoint. On the server endpoint, you should convert the received spreadsheet `JSON` data into a file stream using `Syncfusion.EJ2.Spreadsheet.AspNet.Core`, then convert the stream into an Excel file, and finally save it to the server location. **Client Side**: @@ -566,7 +566,7 @@ Before proceeding with the save process, you should deploy the spreadsheet open/ [How to deploy a spreadsheet open and save web API service to AWS Lambda](https://support.syncfusion.com/kb/article/17184/how-to-deploy-a-spreadsheet-open-and-save-web-api-service-to-aws-lambda) -After deployment, you will get the AWS service URL for the open and save actions. Before saving the Excel file with this hosted save URL, you need to prevent the default save action to avoid getting a corrupted excel file on the client end. The save service returns the file stream as a result to the client, which can cause the file to become corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforesave) event. After that, convert the spreadsheet data into JSON format using the [saveAsJson](https://ej2.syncfusion.com/documentation/api/spreadsheet/#saveasjson) method in the `beforeSave` event and send it to the save service endpoint URL using a fetch request. +After deployment, you will get the AWS service URL for the open and save actions. Before saving the Excel file with this hosted save URL, you need to prevent the default save action to avoid getting a corrupted excel file on the client end. The save service returns the file stream as a result to the client, which can cause the file to become corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event. After that, convert the spreadsheet data into JSON format using the [saveAsJson](https://ej2.syncfusion.com/documentation/api/spreadsheet#saveasjson) method in the `beforeSave` event and send it to the save service endpoint URL using a fetch request. On the server side, the save service will take the received JSON data, pass it to the workbook `Save` method, and return the result as a base64 string. The fetch success callback will receive the Excel file in base64 string format on the client side. Finally, you can then convert the base64 string back to a file on the client end to obtain a non-corrupted Excel file. @@ -652,7 +652,7 @@ public string Save([FromForm]SaveSettings saveSettings) In the Spreadsheet control, there is currently no direct option to save data as a `Base64` string. You can achieve this by saving the Spreadsheet data as blob data and then converting that saved blob data to a `Base64` string using `FileReader`. -> You can get the Spreadsheet data as blob in the [saveComplete](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#savecomplete) event when you set the `needBlobData` as **true** and `isFullPost` as **false** in the [beforeSave](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#beforesave) event. +> You can get the Spreadsheet data as blob in the [saveComplete](https://helpej2.syncfusion.com/documentation/api/spreadsheet#savecomplete) event when you set the `needBlobData` as **true** and `isFullPost` as **false** in the [beforeSave](https://helpej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event. The following code example shows how to save the spreadsheet data as base64 string. @@ -669,7 +669,7 @@ The following code example shows how to save the spreadsheet data as base64 stri ### Configure JSON serialization options -Previously, when saving the Spreadsheet as a workbook JSON object using the [saveAsJson](https://ej2.syncfusion.com/documentation/api/spreadsheet/#saveasjson) method, the entire workbook with all loaded features were processed and saved as a JSON object. +Previously, when saving the Spreadsheet as a workbook JSON object using the [saveAsJson](https://ej2.syncfusion.com/documentation/api/spreadsheet#saveasjson) method, the entire workbook with all loaded features were processed and saved as a JSON object. Now, you have the option to selectively ignore some features while saving the Spreadsheet as a JSON object by configuring serialization options and passing them as arguments to the `saveAsJson` method. This argument is optional, and if not configured, the entire workbook JSON object will be saved without ignoring any features. @@ -706,7 +706,7 @@ The following code snippet demonstrates how to configure the serialization optio ### Send and receive custom params from client to server -Passing the custom parameters from client to server by using [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforesave) event. +Passing the custom parameters from client to server by using [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -732,7 +732,7 @@ Server side code snippets: ### Add custom header during save -You can add your own custom header to the save action in the Spreadsheet. For processing the data, it has to be sent from client to server side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`fileMenuItemSelect`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#filemenuitemselect) event, the custom header can be added to the request during save action. +You can add your own custom header to the save action in the Spreadsheet. For processing the data, it has to be sent from client to server side and adding customer header can provide privacy to the data with the help of Authorization Token. Through the [`fileMenuItemSelect`](https://ej2.syncfusion.com/documentation/api/spreadsheet#filemenuitemselect) event, the custom header can be added to the request during save action. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -747,7 +747,7 @@ You can add your own custom header to the save action in the Spreadsheet. For pr ### Change the PDF orientation -By default, the PDF document is created in **Portrait** orientation. You can change the orientation of the PDF document by using the `args.pdfLayoutSettings.orientation` argument settings in the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforesave) event. +By default, the PDF document is created in **Portrait** orientation. You can change the orientation of the PDF document by using the `args.pdfLayoutSettings.orientation` argument settings in the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event. The possible values are: @@ -776,7 +776,7 @@ The following list of Excel file formats are supported in Spreadsheet: ### Methods -To save the Spreadsheet document as an `xlsx, xls, csv, or pdf` file, by using [`save`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#save) method should be called with the `url`, `fileName` and `saveType` as parameters. The following code example shows to save the spreadsheet file as an `xlsx, xls, csv, or pdf` in the button click event. +To save the Spreadsheet document as an `xlsx, xls, csv, or pdf` file, by using [`save`](https://ej2.syncfusion.com/documentation/api/spreadsheet#save) method should be called with the `url`, `fileName` and `saveType` as parameters. The following code example shows to save the spreadsheet file as an `xlsx, xls, csv, or pdf` in the button click event. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md index 2abf61de71..68ca4b2e63 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md @@ -17,13 +17,13 @@ Spreadsheet is a tabular format consisting of rows and columns. The intersection ## Insert -You can insert rows or columns anywhere in a spreadsheet. Use the [`allowInsert`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowinsert) property to enable or disable the insert option in Spreadsheet. +You can insert rows or columns anywhere in a spreadsheet. Use the [`allowInsert`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowinsert) property to enable or disable the insert option in Spreadsheet. ### Row The rows can be inserted in the following ways, -* Using [`insertRow`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertrow) method, you can insert the rows once the component is loaded. +* Using [`insertRow`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertrow) method, you can insert the rows once the component is loaded. * Using context menu, insert the empty rows in the desired position. The following code example shows the options for inserting rows in the spreadsheet. @@ -43,7 +43,7 @@ The following code example shows the options for inserting rows in the spreadshe The columns can be inserted in the following ways, -* Using [`insertColumn`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertcolumn) method, you can insert the columns once the component is loaded. +* Using [`insertColumn`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertcolumn) method, you can insert the columns once the component is loaded. * Using the context menu, insert empty columns in the desired position. The following code example shows the options for inserting columns in the spreadsheet. @@ -61,11 +61,11 @@ The following code example shows the options for inserting columns in the spread ## Delete -Delete support provides an option for deleting the rows and columns in the spreadsheet. Use [`allowDelete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowdelete) property to enable or disable the delete option in Spreadsheet. +Delete support provides an option for deleting the rows and columns in the spreadsheet. Use [`allowDelete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowdelete) property to enable or disable the delete option in Spreadsheet. The rows and columns can be deleted dynamically in the following ways, -* Using [`delete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#delete) method, you can delete the loaded rows and columns. +* Using [`delete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#delete) method, you can delete the loaded rows and columns. * Using context menu, you can delete the selected rows and columns. The following code example shows the delete operation of rows and columns in the spreadsheet. @@ -125,11 +125,11 @@ The following code example shows the hide/show rows and columns operation in the ## Size -You can change the size of rows and columns in the spreadsheet by using [setRowsHeight](https://ej2.syncfusion.com/documentation/api/spreadsheet/#setrowsheight) and [setColumnsWidth](https://ej2.syncfusion.com/documentation/api/spreadsheet/#setcolumnswidth) methods. +You can change the size of rows and columns in the spreadsheet by using [setRowsHeight](https://ej2.syncfusion.com/documentation/api/spreadsheet#setrowsheight) and [setColumnsWidth](https://ej2.syncfusion.com/documentation/api/spreadsheet#setcolumnswidth) methods. ### Row -You can change the height of single or multiple rows by using the [setRowsHeight](https://ej2.syncfusion.com/documentation/api/spreadsheet/#setrowsheight) method. +You can change the height of single or multiple rows by using the [setRowsHeight](https://ej2.syncfusion.com/documentation/api/spreadsheet#setrowsheight) method. You can provide the following type of ranges to the method: @@ -153,7 +153,7 @@ The following code example shows how to change the height for single/multiple ro ### Column -You can change the width of single or multiple columns by using the [setColumnsWidth](https://ej2.syncfusion.com/documentation/api/spreadsheet/#setcolumnswidth) method. +You can change the width of single or multiple columns by using the [setColumnsWidth](https://ej2.syncfusion.com/documentation/api/spreadsheet#setcolumnswidth) method. You can provide the following type of ranges to the method: @@ -177,7 +177,7 @@ The following code example shows how to change the width for single/multiple col ## Changing text in column headers -Using the [`beforeCellRender`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforecellrender) event, you can change the text in the column headers. In that event, you can use the `e-header-cell` class to identify the header cell element and update its text value. +Using the [`beforeCellRender`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforecellrender) event, you can change the text in the column headers. In that event, you can use the `e-header-cell` class to identify the header cell element and update its text value. The following code example shows how to change the text in the column headers. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md index 68742ea198..2abb64486e 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md @@ -4,12 +4,13 @@ title: Selection in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Selection in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing control: Selection + documentation: ug --- # Selection in EJ2 TypeScript Spreadsheet control -Selection provides interactive support to highlight the cell, row, or column that you select. Selection can be done through Mouse, Touch, or Keyboard interaction. To enable selection, set `mode` as `Single` | `Multiple` in [`selectionSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#selectionsettings). If you set `mode` to `None`, it disables the UI selection. +Selection provides interactive support to highlight the cell, row, or column that you select. Selection can be done through Mouse, Touch, or Keyboard interaction. To enable selection, set `mode` as `Single` | `Multiple` in [`selectionSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet#selectionsettings). If you set `mode` to `None`, it disables the UI selection. > * The default value for `mode` in `selectionSettings` is `Multiple`. @@ -21,7 +22,7 @@ The following selection types are supported: ## Cell selection -Cell selection is used to select a single cell or a range of cells. It can be performed using the [`selectRange`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#selectrange) method. +Cell selection is used to select a single cell or a range of cells. It can be performed using the [`selectRange`](https://ej2.syncfusion.com/documentation/api/spreadsheet#selectrange) method. **User Interface**: @@ -85,7 +86,7 @@ The following sample shows the column selection in the spreadsheet, here selecti ## Get selected cell values -You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#getdata) method. +You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://helpej2.syncfusion.com/documentation/api/spreadsheet#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://helpej2.syncfusion.com/documentation/api/spreadsheet#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://helpej2.syncfusion.com/documentation/api/spreadsheet#getdata) method. Below is a code example demonstrating how to retrieve the selected cell values as a collection programmatically: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md index a3da425ad1..89344f54b2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md @@ -9,7 +9,7 @@ documentation: ug # Sort in EJ2 TypeScript Spreadsheet control -Sorting helps arrange the data in a specific order within a selected range of cells. You can use the [`allowSorting`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowsorting) property to enable or disable sorting functionality. +Sorting helps arrange the data in a specific order within a selected range of cells. You can use the [`allowSorting`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowsorting) property to enable or disable sorting functionality. > * The default value for the `allowSorting` property is `true`. @@ -20,7 +20,7 @@ By default, the `sort` module is injected internally into Spreadsheet to perform In the active Spreadsheet, select a range of cells to sort by cell value. The range sort can be done by any of the following ways: * Select the sort item in the Ribbon toolbar and choose the ascending or descending item. * Right-click the sheet, select the sort item in the context menu and choose the ascending/descending item. -* Use the [`sort()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sort) method programmatically. +* Use the [`sort()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sort) method programmatically. The cell values can be sorted in the following orders: * Ascending @@ -30,8 +30,8 @@ The cell values can be sorted in the following orders: The `sort()` method with empty arguments will sort the selected range by active cell’s column as sort column in ascending order. -> * The [`beforeSort`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#beforesort) event will be triggered before sorting the specified range. -> * The [`sortComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sortcomplete) event will be triggered after the sort action is completed successfully. +> * The [`beforeSort`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesort) event will be triggered before sorting the specified range. +> * The [`sortComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortcomplete) event will be triggered after the sort action is completed successfully. The following code example shows `Sort` functionality in the Spreadsheet control. @@ -48,7 +48,7 @@ The following code example shows `Sort` functionality in the Spreadsheet control ## Data contains header -You can specify whether the selected range of cells contains header. To specify, you need to set the [`containsHeader`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#containsheader) property to `true` and pass it as `sortOption` arguments of the sort() method. +You can specify whether the selected range of cells contains header. To specify, you need to set the [`containsHeader`](https://ej2.syncfusion.com/documentation/api/spreadsheet#containsheader) property to `true` and pass it as `sortOption` arguments of the sort() method. > * If the `containsHeader` property is not set and active cell column’s first cell value type is differed from the second cell value type, the first row data in the range are marked as column headers. @@ -69,7 +69,7 @@ In the custom sort dialog, the `Data contains header` checkbox is checked on loa ## Case sensitive sort -The default sort functionality of Spreadsheet is a case insensitive sorting. When you want to perform sorting with case sensitive, you need to set the [`caseSensitive`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#caseSensitive) property to `true` and pass it as `sortOption` arguments of the sort() method. +The default sort functionality of Spreadsheet is a case insensitive sorting. When you want to perform sorting with case sensitive, you need to set the [`caseSensitive`](https://ej2.syncfusion.com/documentation/api/spreadsheet#caseSensitive) property to `true` and pass it as `sortOption` arguments of the sort() method. Case sensitive sorting is applicable only for cells with alphabets. In ascending order sorting with case sensitive enabled, the cells with lower case text will be placed above the cells with upper case text. @@ -104,13 +104,13 @@ The custom sort dialog helps sorting multiple columns in the selected range by u You can add multiple criteria using the `Add Column` button at the bottom of the dialog. Thus, multiple columns can be specified with different sort order. The newly added sort criteria items can be removed using the `delete` icons at the end of each items. -You can refer to the [`Data contains header`](./sort/#data-contains-header) topic to learn more about `Data contains header` checkbox. To learn more about `Case sensitive` checkbox, you can refer to [`Case sensitive sort`](./sort/#case-sensitive-sort) topic. +You can refer to the [`Data contains header`](./sort#data-contains-header) topic to learn more about `Data contains header` checkbox. To learn more about `Case sensitive` checkbox, you can refer to [`Case sensitive sort`](./sort#case-sensitive-sort) topic. ### Passing sort criteria manually The multi-column sorting can also be performed manually by passing sort options to the `sort()` method programmatically. The `sortOption` have the following arguments: -* [`sortDescriptors`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sortdescriptors) – Sort criteria collection that holds the collection of field name, sort order, and [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sortcomparer). +* [`sortDescriptors`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortdescriptors) – Sort criteria collection that holds the collection of field name, sort order, and [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortcomparer). * `containsHeader` – Boolean argument that specifies whether the range has headers in it. * `caseSensitive` – Boolean argument that specifies whether the range needs to consider case. @@ -130,7 +130,7 @@ The multi-column sorting can also be performed manually by passing sort options ## Custom sort comparer -The [`sortDescriptor`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sortdescriptors) holds the [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sortcomparer) property, which is a function and it is used to customize the sort comparer for specific sort criteria. Each `sortDescriptor` can be customized using the custom sort comparer function. +The [`sortDescriptor`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortdescriptors) holds the [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortcomparer) property, which is a function and it is used to customize the sort comparer for specific sort criteria. Each `sortDescriptor` can be customized using the custom sort comparer function. By customizing sort comparer, you can define the sort action as desired. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md index 4f863f50da..8e26910813 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md @@ -17,7 +17,7 @@ You can dynamically add or insert a sheet in the following ways: * Click the `Add Sheet` button in the sheet tab. This adds a new empty sheet next to the current active sheet. * Right-click on the sheet tab, and then select `Insert` from the context menu to insert a new empty sheet before the current active sheet. -* Use the [`insertSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertsheet) method to insert one or more sheets at the desired index. +* Use the [`insertSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertsheet) method to insert one or more sheets at the desired index. The following code example shows the insert sheet operation in the Spreadsheet. @@ -34,7 +34,7 @@ The following code example shows the insert sheet operation in the Spreadsheet. ### Insert a sheet programmatically and make it active sheet -A sheet is a collection of cells organized in the form of rows and columns that allows you to store, format, and manipulate the data. Using [insertSheet](https://ej2.syncfusion.com/documentation/api/spreadsheet/#insertsheet) method, you can insert one or more sheets at the desired index. Then, you can make the inserted sheet as active sheet by focusing the start cell of that sheet using the [goTo](https://ej2.syncfusion.com/documentation/api/spreadsheet/#goto) method. +A sheet is a collection of cells organized in the form of rows and columns that allows you to store, format, and manipulate the data. Using [insertSheet](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertsheet) method, you can insert one or more sheets at the desired index. Then, you can make the inserted sheet as active sheet by focusing the start cell of that sheet using the [goTo](https://ej2.syncfusion.com/documentation/api/spreadsheet#goto) method. The following code example shows how to insert a sheet programmatically and make it the active sheet. @@ -54,7 +54,7 @@ The following code example shows how to insert a sheet programmatically and make The Spreadsheet has support for removing an existing worksheet. You can dynamically delete the existing sheet by the following way, * Right-click on the sheet tab, and then select `Delete` option from context menu. -* Using [`delete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#delete ) method to delete the sheets. +* Using [`delete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#delete ) method to delete the sheets. ## Rename sheet From a0b6af27d101f014a7c5ec9d5eed1f4ed479c60a Mon Sep 17 00:00:00 2001 From: Yuvarajan Balasubramaniyan Date: Mon, 27 Jul 2026 16:51:20 +0530 Subject: [PATCH 3/6] 1043174: enhanced some TS UG content --- .../performance-best-practices.md | 20 ++++++------- .../Javascript-ES6/protect-sheet.md | 30 +++++++++---------- .../Spreadsheet/Javascript-ES6/ribbon.md | 22 +++++++------- .../Spreadsheet/Javascript-ES6/scrolling.md | 22 +++++++------- .../Spreadsheet/Javascript-ES6/searching.md | 22 +++++++------- .../Spreadsheet/Javascript-ES6/styles.md | 6 ++-- .../Spreadsheet/Javascript-ES6/undo-redo.md | 12 ++++---- 7 files changed, 67 insertions(+), 67 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md index 1c132a9516..32e8a334c2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md @@ -3,7 +3,7 @@ layout: post title: Performance best practices in EJ2 TypeScript Spreadsheet Control | Syncfusion description: Learn here all about how to optimize the performance EJ2 TypeScript Spreadsheet control, its elements and more. platform: document-processing -control: Performance +control: Performance documentation: ug --- @@ -32,11 +32,11 @@ To enable the chunk response processing feature, you can refer to the following ### Configure JSON serialization options during open -Serialization options in the EJ2 Spreadsheet allow you to exclude specific features—such as styles, formats, charts, images, wrap, etc.—from the `Workbook JSON object` when opening it in the Spreadsheet using the [`openFromJson`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks. +Serialization options in the EJ2 Spreadsheet allow you to exclude specific features—such as styles, formats, charts, images, wrap, etc.—from the `Workbook JSON object` when opening it in the Spreadsheet using the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks. This is particularly useful when: * You need only the raw data without formatting. -* You're opening the `Workbook JSON object` in the Spreadsheet using the [`openFromJson`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method. +* You're opening the `Workbook JSON object` in the Spreadsheet using the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method. * You want to minimize the size of the JSON payload and optimize processing speed. Refer to the following UG section to learn how to configure these options: @@ -82,7 +82,7 @@ To improve performance when opening large Excel files, use parsing options like To learn how to configure these parsing options, please refer to the UG section below. * [Configure Parsing Options](./open-save#improving-excel-file-open-performance-with-parsing-options) -## How to improve performance on formula calculation in Spreadsheet? +## How to improve performance for formula calculation in the Spreadsheet? ### Manual calculation mode @@ -104,7 +104,7 @@ To learn more about Manual Calculation Mode and how to enable it, you can refer When saving large Excel files with extensive data and features using **File → Save As** or the **save** method, the Spreadsheet triggers a server API call through a form submit operation. This can lead to performance issues such as timeouts or delays, particularly due to the size and complexity of the workbook. -To mitigate these issues during the save operation, you can set the [`isFullPost`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/beforeSaveEventArgs/#isfullpost) property to **false** in the [`beforeSave`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#beforesave) event of the Spreadsheet. +To mitigate these issues during the save operation, you can set the [`isFullPost`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/beforeSaveEventArgs#isfullpost) property to **false** in the [`beforeSave`](https://helpej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event of the Spreadsheet. The following code example shows how to set `isFullPost` to **false** in the Spreadsheet component: @@ -118,11 +118,11 @@ let spreadsheet: Spreadsheet = new Spreadsheet({ ### Configure JSON serialization options during save -Serialization options in the EJ2 Spreadsheet allow you to exclude specific features such as styles, formats, charts, images, wrap, etc. from the `Workbook JSON object` when saving it using the [`saveAsJson`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#saveasjson) method in the Spreadsheet. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks. +Serialization options in the EJ2 Spreadsheet allow you to exclude specific features such as styles, formats, charts, images, wrap, etc. from the `Workbook JSON object` when saving it using the [`saveAsJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet#saveasjson) method in the Spreadsheet. By skipping unnecessary features, you can significantly improve performance, especially when working with large or complex workbooks. This is particularly useful when: * You need only the raw data without formatting. -* You're saving the `Workbook JSON object` using the [`saveAsJson`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#saveasjson) method in the Spreadsheet. +* You're saving the `Workbook JSON object` using the [`saveAsJson`](https://helpej2.syncfusion.com/documentation/api/spreadsheet#saveasjson) method in the Spreadsheet. * You want to minimize the size of the JSON payload and optimize processing speed. Proper use of serialization options during save improves performance and reduces the time taken during the save process. @@ -131,13 +131,13 @@ Refer to the following UG section to learn how to configure these options: * [Configure JSON serialization options during save](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/open-save#configure-json-deserialization-options) -## How to improve cell selection performance in Spreadsheet? +## How to improve cell selection performance in the Spreadsheet? ### Disabling aggregate calculation When working with large datasets in the EJ2 Spreadsheet, user interactions such as selecting a large range of cells can experience delays. This occurs because, by default, the Spreadsheet performs aggregate calculations (e.g., SUM, AVERAGE, COUNT, MIN, and MAX) on the selected range and displays the results in the sheet tab panel at the bottom-right corner. -To enhance the responsiveness of cell selection, particularly in performance-critical scenarios, consider disabling unnecessary aggregate calculations using the [`showAggregate`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#showaggregate) property. +To enhance the responsiveness of cell selection, particularly in performance-critical scenarios, consider disabling unnecessary aggregate calculations using the [`showAggregate`](https://ej2.syncfusion.com/documentation/api/spreadsheet#showaggregate) property. Benefits: * Reduces selection lag when dealing with large data ranges. @@ -147,7 +147,7 @@ Benefits: You can disable aggregate calculation using the following code example: ```ts -let spreadsheet = new Spreadsheet({ +const spreadsheet = new Spreadsheet({ showAggregate: false }); spreadsheet.appendTo('#spreadsheet'); diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md index 050356e4ca..0d531a47eb 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md @@ -3,7 +3,7 @@ layout: post title: Protect sheet in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Protect sheet in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Protect sheet +control: Protect sheet documentation: ug --- @@ -13,9 +13,9 @@ Sheet protection helps you to prevent the users from modifying the data in the s ## Protect Sheet -Protect sheet feature helps you to prevent the unknown users from accidentally changing, editing, moving, or deleting data in a spreadsheet. And you can also protect the sheet with password. +Protect sheet feature helps you to prevent unknown users from accidentally changing, editing, moving, or deleting data in a spreadsheet. You can also protect the sheet with a password. -You can use the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#isprotected) property to enable or disable the Protecting functionality. +You can use the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet#isprotected) property to enable or disable the protecting functionality. > The default value for `isProtected` property is `false`. @@ -43,7 +43,7 @@ In the active Spreadsheet, the sheet protection can be done by any of the follow * Select the Protect Sheet item in the Ribbon toolbar under the Data Tab, and then select your desired options. * Right-click the sheet tab, select the Protect Sheet item in the context menu, and then select your desired options. -* Use the [`protectSheet()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#protectsheet) method programmatically. +* Use the [`protectSheet()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#protectsheet) method programmatically. The following example shows `Protect Sheet` functionality with password in the Spreadsheet control. @@ -68,16 +68,16 @@ Unprotect sheet is used to enable all the functionalities that are already disab **User Interface**: -In the active Spreadsheet, the sheet Unprotection can be done by any of the following ways: +In the active Spreadsheet, the sheet unprotection can be done in any of the following ways: * Select the `Unprotect Sheet` item in the Ribbon toolbar under the Data Tab. * Right-click the sheet tab, select the `Unprotect Sheet` item in the context menu. -* Use the [`unprotectSheet()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#unprotectsheet) method programmatically. +* Use the [`unprotectSheet()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#unprotectsheet) method programmatically. ## Unlock the particular cells in the protected sheet -In protected spreadsheet, to make some particular cell or range of cells are editable, you can use [`lockCells()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#lockcells) method, with the parameter `range` and `isLocked` property as false. +In protected spreadsheet, to make some particular cell or range of cells are editable, you can use [`lockCells()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#lockcells) method, with the parameter `range` and `isLocked` property as false. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -92,9 +92,9 @@ In protected spreadsheet, to make some particular cell or range of cells are edi ## Make cells read-only without protecting worksheet -Previously, you could make cells read-only by protecting the entire sheet using the [protectSheet](https://ej2.syncfusion.com/documentation/api/spreadsheet/#protectsheet) method or through the UI option. Meanwhile, to make a specific range of cells editable within a protected sheet, you needed to use the [lockCells](https://ej2.syncfusion.com/documentation/api/spreadsheet/#lockcells) method, passing the `range` parameter and setting the `isLocked` property to **false**. +Previously, you could make cells read-only by protecting the entire sheet using the [protectSheet](https://ej2.syncfusion.com/documentation/api/spreadsheet#protectsheet) method or through the UI option. Meanwhile, to make a specific range of cells editable within a protected sheet, you needed to use the [lockCells](https://ej2.syncfusion.com/documentation/api/spreadsheet#lockcells) method, passing the `range` parameter and setting the `isLocked` property to **false**. -Now, you can make an entire row, an entire column, or a specific range of cells read-only using the [setRangeReadOnly](https://ej2.syncfusion.com/documentation/api/spreadsheet/#setrangereadonly) method without protecting the entire sheet. This method accepts three parameters, as detailed in the following table: +Now, you can make an entire row, an entire column, or a specific range of cells read-only using the [setRangeReadOnly](https://ej2.syncfusion.com/documentation/api/spreadsheet#setrangereadonly) method without protecting the entire sheet. This method accepts three parameters, as detailed in the following table: | Parameter | Description | |-----|------| @@ -151,10 +151,10 @@ The following example demonstrates how to make rows, columns, and cells read-onl ## Protect Workbook -Protect workbook feature helps you to protect the workbook so that users cannot insert, delete, rename, hide the sheets in the spreadsheet. +Protect workbook feature helps you to protect the workbook so that users cannot insert, delete, rename, hide, and unhide the sheets in the spreadsheet. -You can use the [`password`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#password) property to protect workbook with password. -You can use the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#isprotected) property to protect or unprotect the workbook without the password. +You can use the [`password`](https://ej2.syncfusion.com/documentation/api/spreadsheet#password) property to protect workbook with password. +You can use the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet#isprotected) property to protect or unprotect the workbook without the password. > The default value for `isProtected` property is `false`. @@ -162,7 +162,7 @@ You can use the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spr In the active Spreadsheet, you can protect the worksheet by selecting the Data tab in the Ribbon toolbar and choosing the `Protect Workbook` item. Then, enter the password and confirm it and click on OK. -The following example shows `Protect Workbook` by using the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#isprotected) property in the Spreadsheet control. +The following example shows `Protect Workbook` by using the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet#isprotected) property in the Spreadsheet control. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -175,7 +175,7 @@ The following example shows `Protect Workbook` by using the [`isProtected`](http {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/protect-workbook/default-cs1" %} -The following example shows `Protect Workbook` by using the [`password`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#password) property in the Spreadsheet control. To unprotect the workbook, click the unprotect workbook button in the data tab and provide the password as syncfusion® in the dialog box. +The following example shows `Protect Workbook` by using the [`password`](https://ej2.syncfusion.com/documentation/api/spreadsheet#password) property in the Spreadsheet control. To unprotect the workbook, click the unprotect workbook button in the data tab and provide the password as syncfusion® in the dialog box. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -190,7 +190,7 @@ The following example shows `Protect Workbook` by using the [`password`](https:/ ## Unprotect Workbook -Unprotect Workbook is used to enable the insert, delete, rename, move, copy, hide or unhide sheets feature in the spreadsheet. +Unprotect Workbook is used to enable the insert, delete, rename, move, copy, hide, and unhide sheets feature in the spreadsheet. **User Interface**: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/ribbon.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/ribbon.md index 8d93e6294f..adbecf8b7f 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/ribbon.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/ribbon.md @@ -3,13 +3,13 @@ layout: post title: Ribbon in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Ribbon in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Ribbon +control: Ribbon documentation: ug --- # Ribbon in EJ2 TypeScript Spreadsheet control -It helps to organize a spreadsheet’s features into a series of tabs. By clicking the expand or collapse icon, you can expand or collapse the ribbon toolbar dynamically. +It helps to organize a spreadsheet's features into a series of tabs. By clicking the expand or collapse icon, you can expand or collapse the ribbon toolbar dynamically. ## Ribbon Customization @@ -17,15 +17,15 @@ You can customize the ribbon using the following methods, | Method | Action | |-------|---------| -| [`hideRibbonTabs`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hideribbontabs) | Used to show or hide the existing ribbon tabs. | -| [`enableRibbonTabs`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enableribbontabs) | Used to enable or disable the existing ribbon tabs. | -| [`addRibbonTabs`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addribbontabs) | Used to add custom ribbon tabs. | -| [`hideToolbarItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hidetoolbaritems) | Used to show or hide the existing ribbon toolbar items. | -| [`enableToolbarItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enabletoolbaritems) | Used to enable or disable the specified toolbar items. | -| [`addToolbarItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addtoolbaritems) | Used to add the custom items in ribbon toolbar. | -| [`hideFileMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#hidefilemenuitems) | Used to show or hide the ribbon file menu items. | -| [`enableFileMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enablefilemenuitems) | Used to enable or disable file menu items. | -| [`addFileMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addfilemenuitems) | Used to add custom file menu items. | +| [`hideRibbonTabs`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hideribbontabs) | Used to show or hide the existing ribbon tabs. | +| [`enableRibbonTabs`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enableribbontabs) | Used to enable or disable the existing ribbon tabs. | +| [`addRibbonTabs`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addribbontabs) | Used to add custom ribbon tabs. | +| [`hideToolbarItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hidetoolbaritems) | Used to show or hide the existing ribbon toolbar items. | +| [`enableToolbarItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enabletoolbaritems) | Used to enable or disable the specified toolbar items. | +| [`addToolbarItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addtoolbaritems) | Used to add the custom items in ribbon toolbar. | +| [`hideFileMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#hidefilemenuitems) | Used to show or hide the ribbon file menu items. | +| [`enableFileMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enablefilemenuitems) | Used to enable or disable file menu items. | +| [`addFileMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addfilemenuitems) | Used to add custom file menu items. | The following code example shows the usage of ribbon customization. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md index 92ed4b9680..a017936979 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md @@ -3,28 +3,28 @@ layout: post title: Scrolling in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Scrolling in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Scrolling +control: Scrolling documentation: ug --- # Scrolling in EJ2 TypeScript Spreadsheet control -Scrolling helps you to move quickly to different areas of the worksheet. It moves faster if we use horizontal and vertical scroll bars. Scrolling can be enabled by setting the [`allowScrolling`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowscrolling) as true. +Scrolling helps you to move quickly to different areas of the worksheet. It moves faster if we use horizontal and vertical scroll bars. Scrolling can be enabled by setting the [`allowScrolling`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowscrolling) as true. -> By default, the `allowScrolling` property is true. +> By default, the `allowScrolling` property is `true`. -You have the following options in Scrolling by using [`scrollSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#scrollsettings). +You have the following options in scrolling by using the [`scrollSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet#scrollsettings) property: * Finite scrolling. * Virtual scrolling. ## Finite Scrolling -Finite scrolling supports two type of modes in scrolling. You can use the [`isFinite`](https://ej2.syncfusion.com/documentation/api/spreadsheet/scrollSettings/#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#scrollsettings) to specify the mode of scrolling. +Finite scrolling supports two type of modes in scrolling. You can use the [`isFinite`](https://ej2.syncfusion.com/documentation/api/spreadsheet/scrollSettings#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet#scrollsettings) to specify the mode of scrolling. -* Finite - This mode does not create a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/documentation/api/spreadsheet/scrollSettings/#isfinite) property as `true`. +* Finite - This mode does not create a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/documentation/api/spreadsheet/scrollSettings#isfinite) property as `true`. -* Infinite - This mode creates a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/documentation/api/spreadsheet/scrollSettings/#isfinite) property as `false`. +* Infinite - This mode creates a new row/column when the scrollbar reaches the end. This can be achieved by setting the [`isFinite`](https://ej2.syncfusion.com/documentation/api/spreadsheet/scrollSettings#isfinite) property as `false`. > By Default, the `isFinite` property is `false`. @@ -34,19 +34,19 @@ Finite scrolling supports two type of modes in scrolling. You can use the [`isFi In virtual scrolling `enableVirtualization` is set to true means, it allows you to load the spreadsheet data while scrolling. -> By Default, the `enableVirtualization` property is `true`. +> By default, the `enableVirtualization` property is `true`. **User Interface**: -You can scroll through the worksheet using one of the following ways, +You can scroll through the worksheet using one of the following ways: * Using the `arrow` keys. -* Using the Horizontal and Vertical`scroll` bars. +* Using the horizontal and vertical `scroll` bars. * Using the `mouse` wheel. ## Finite scrolling with defined rows and columns -If you want to perform scrolling with defined rows and columns, you must define `rowCount` and `colCount` in the [`sheets`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#sheets) property and set `isFinite` as true and `enableVirtualization` as false in `scrollSettings`. +If you want to perform scrolling with defined rows and columns, you must define `rowCount` and `colCount` in the [`sheets`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sheets) property and set `isFinite` as true and `enableVirtualization` as false in `scrollSettings`. The following code example shows the finite scrolling with defined rows and columns in the spreadsheet. Here, we used rowCount as 20 and colCount as 20, after reaching the 20th row or 20th column you can't able to scroll. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md index 6503d30c19..8ecdb8068f 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md @@ -3,23 +3,23 @@ layout: post title: Searching in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Searching in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Searching +control: Searching documentation: ug --- # Searching in EJ2 TypeScript Spreadsheet control -Find and Replace helps you to search for the target text and replace the found text with alternative text within the sheet or workbook. You can use the [`allowFindAndReplace`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowfindandreplace) property to enable or disable the Find and Replace functionality. - +The Find and Replace feature helps you to search for the target text and replace the found text with alternative text within the sheet or workbook. You can use the [`allowFindAndReplace`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowfindandreplace) property to enable or disable the Find and Replace functionality. + > * The default value for `allowFindAndReplace` property is `true`. ## Find -Find feature is used to select the matched contents of a cell within the sheet or workbook. It is extremely useful when working with large set of data source. +The Find feature is used to select the matched contents of a cell within the sheet or workbook. It is extremely useful when working with large sets of data sources. **User Interface**: -Find can be done by any of the following ways: +Find can be done in any of the following ways: * Select the Search icon in the Ribbon toolbar or use `Ctrl + F` key to open the Find dialog. * Use find Next and find Previous buttons to search the given value in the workbook. @@ -30,7 +30,7 @@ Find can be done by any of the following ways: > * `Match case`: To find the matched value with case sensitive. > * `Match exact cell contents`: To find the exact matched cell value with entire match cases. -* Using [`find()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#find) method to perform find operation. +* Using [`find()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#find) method to perform find operation. ## Replace @@ -38,22 +38,22 @@ Replace feature is used to change the find contents of a cell within sheet or wo **User Interface**: -Replace can be done by any of the following ways: +Replace can be done in any of the following ways: * Use `Ctrl + H` key to open the Find and Replace dialog. * Use Replace button to change the found value in sheet or workbook. * Using Replace All button, all the matched criteria can be replaced with find value based on sheet or workbook. -* Using [`replace()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#replace) method to perform replace operation by passing the argument `args.replaceby` as `replace`. -* Using [`replace()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#replace) method to perform replace all operation by passing the argument `args.replaceby` as `replaceall`. +* Using [`replace()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#replace) method to perform replace operation by passing the argument `args.replaceby` as `replace`. +* Using [`replace()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#replace) method to perform replace all operation by passing the argument `args.replaceby` as `replaceall`. ## Go to -Go to feature is used to navigate to a specific cell address in the sheet or workbook. +Go to feature is used to navigate to a specific cell address in a sheet or workbook. **User Interface**: * Use `Ctrl + G` key to open the Go To dialog. -* Use [`goTo()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#goto) method to perform Go To operation. +* Use [`goTo()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#goto) method to perform Go To operation. In the following sample, searching can be done by following ways: * Select the Home tab in the Ribbon toolbar, and then select the Search icon. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md index b01b2d6b2a..cf33af169e 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md @@ -3,13 +3,13 @@ layout: post title: Styles in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Styles in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Styles +control: Styles documentation: ug --- # Styles in EJ2 TypeScript Spreadsheet control -To modify the Spreadsheet appearance, you need to override the default CSS of the spreadsheet. Please find the CSS structure that can be used to modify the Spreadsheet appearance. Also, you have an option to create your own custom theme for all the JavaScript controls using our [`Theme Studio`](https://ej2.syncfusion.com/themestudio/?theme=material). +To modify the Spreadsheet appearance, override the default CSS of the spreadsheet. Please find the CSS structure that can be used to modify the Spreadsheet appearance. Also, you have an option to create your own custom theme for all the JavaScript controls using our [`Theme Studio`](https://ej2.syncfusion.com/themestudio/?theme=material). ## Customizing the Spreadsheet @@ -149,7 +149,7 @@ Using this CSS, you can customize the Spreadsheet cell element. ### Customizing the Spreadsheet sorting icon -Use the below CSS to customize the Spreadsheet sorting icon in the Spreadsheet ribbon. You can use the available Syncfusion® [icons](https://ej2.syncfusion.com/documentation/appearance/icons/#material) based on your theme. +Use the below CSS to customize the Spreadsheet sorting icon in the Spreadsheet ribbon. You can use the available Syncfusion® [icons](https://ej2.syncfusion.com/documentation/appearance/icons#material) based on your theme. ``` diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/undo-redo.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/undo-redo.md index 9cd0897192..e65ac826fc 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/undo-redo.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/undo-redo.md @@ -3,17 +3,17 @@ layout: post title: Undo redo in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Undo redo in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Undo redo +control: Undo redo documentation: ug --- # Undo redo in EJ2 TypeScript Spreadsheet control -`Undo` option helps you to undone the last action performed and `Redo` option helps you to do the same action which is reverted in the Spreadsheet. You can use the [`allowUndoRedo`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowundoredo) property to enable or disable undo redo functionality in spreadsheet. +`Undo` option helps you to undone the last action performed and `Redo` option helps you to do the same action which is reverted in the Spreadsheet. You can use the [`allowUndoRedo`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowundoredo) property to enable or disable undo redo functionality in spreadsheet. > * The default value for `allowUndoRedo` property is `true`. -By default, the `UndoRedo` module is injected internally into Spreadsheet to perform undo redo. +By default, the `UndoRedo` module is injected internally into Spreadsheet to perform undo-redo operations. ## Undo @@ -21,7 +21,7 @@ It reverses the last action you performed with Spreadsheet. Undo can be done by * Select the undo item from HOME tab in Ribbon toolbar. * Use `Ctrl + Z` keyboard shortcut to perform the undo. -* Use the [`undo`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#undo) method programmatically. +* Use the [`undo`](https://ej2.syncfusion.com/documentation/api/spreadsheet#undo) method programmatically. ## Redo @@ -29,11 +29,11 @@ It reverses the last undo action you performed with Spreadsheet. Redo can be don * Select the redo item from HOME tab in Ribbon toolbar. * Use `Ctrl + Y` keyboard shortcut to perform the redo. -* Use the [`redo`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#redo) method programmatically. +* Use the [`redo`](https://ej2.syncfusion.com/documentation/api/spreadsheet#redo) method programmatically. ## Update custom actions in UndoRedo collection -You can update your own custom actions in UndoRedo collection, by using the [`updateUndoRedoCollection`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#updateundoredocollection) method. And also customize the undo redo operations of your custom action by using `actionComplete` event. +You can update your own custom actions in UndoRedo collection, by using the [`updateUndoRedoCollection`](https://ej2.syncfusion.com/documentation/api/spreadsheet#updateundoredocollection) method. And also customize the undo redo operations of your custom action by using `actionComplete` event. The following code example shows `How to update and customize your own actions for undo redo` functionality in the Spreadsheet control. From f75b50acc438e34b6f36b496b89c9eac04eb73d7 Mon Sep 17 00:00:00 2001 From: RahulRavikumar Date: Tue, 28 Jul 2026 17:26:56 +0530 Subject: [PATCH 4/6] 1043174: Addressed code corrections --- .../Spreadsheet/Javascript-ES5/data-binding.md | 4 ++-- .../Javascript-ES5/docker-deployment.md | 2 +- .../Spreadsheet/Javascript-ES6/cell-range.md | 8 +++++--- .../Spreadsheet/Javascript-ES6/clipboard.md | 2 +- .../Spreadsheet/Javascript-ES6/comment.md | 4 ++-- .../Spreadsheet/Javascript-ES6/context-menu.md | 8 ++++---- .../Spreadsheet/Javascript-ES6/data-binding.md | 10 +++++----- .../Javascript-ES6/docker-deployment.md | 6 +++--- .../Spreadsheet/Javascript-ES6/editing.md | 6 +++--- .../Excel/Spreadsheet/Javascript-ES6/filter.md | 8 ++++---- .../Spreadsheet/Javascript-ES6/formatting.md | 4 ++-- .../Spreadsheet/Javascript-ES6/formulas.md | 8 ++++---- .../Spreadsheet/Javascript-ES6/freeze-pane.md | 2 +- .../how-to/change-active-sheet.md | 2 +- .../how-to/create-a-object-structure.md | 2 +- .../Javascript-ES6/illustrations.md | 10 +++++----- .../Excel/Spreadsheet/Javascript-ES6/notes.md | 6 +++--- .../Spreadsheet/Javascript-ES6/open-save.md | 18 +++++++++--------- .../performance-best-practices.md | 8 ++++---- .../Javascript-ES6/protect-sheet.md | 4 ++-- .../Javascript-ES6/rows-and-columns.md | 2 +- .../Spreadsheet/Javascript-ES6/scrolling.md | 4 ++-- .../Spreadsheet/Javascript-ES6/selection.md | 5 ++--- .../Excel/Spreadsheet/Javascript-ES6/styles.md | 2 +- .../Spreadsheet/Javascript-ES6/template.md | 2 +- .../Spreadsheet/Javascript-ES6/worksheet.md | 2 +- .../Excel/Spreadsheet/React/global-local.md | 6 +++--- .../Excel/Spreadsheet/React/selection.md | 2 +- 28 files changed, 74 insertions(+), 73 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/data-binding.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/data-binding.md index 1f94281b6b..abd9beefbb 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/data-binding.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/data-binding.md @@ -30,7 +30,7 @@ Refer to the following code example for local data binding. {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es5/data-binding-cs1" %} -> The local data source can also be provided as an instance of the [`DataManager`](https://helpej2.syncfusion.com/javascript/documentation/data). By default, [`DataManager`](https://helpej2.syncfusion.com/javascript/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/javascript/documentation/data/adaptors#json-adaptor) for local data-binding. +> The local data source can also be provided as an instance of the [`DataManager`](https://ej2.syncfusion.com/javascript/documentation/data). By default, [`DataManager`](https://ej2.syncfusion.com/javascript/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/javascript/documentation/data/adaptors#json-adaptor) for local data-binding. ### Customizing column data mapping @@ -53,7 +53,7 @@ The following code example demonstrates how to customize the mapping of column d ## Remote data -To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://helpej2.syncfusion.com/javascript/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. +To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://ej2.syncfusion.com/javascript/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. Refer to the following code example for remote data binding. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md index cc2cc65989..ba12c74bbb 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES5/docker-deployment.md @@ -56,7 +56,7 @@ docker-compose up Now the Spreadsheet server Docker instance runs on localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Spreadsheet Web API open and save service at `http://localhost:6002/api/spreadsheet/open` and `http://localhost:6002/api/spreadsheet/save`. -**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es5/getting-started) +**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es5/getting-started) ```html diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md index 23233238fb..89781c8e76 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md @@ -36,7 +36,7 @@ The following code example shows the wrap text functionality in spreadsheet. ### Limitations of Wrap text -The following features have some limitations when wrap text is applied: +The following features have some limitations in wrap text: * Sorting with wrap text applied data. * Merge with wrap text. @@ -91,6 +91,8 @@ Data Validation is used to restrict the user from entering the invalid data. You You can apply data validation to restrict the type of data or the values that users enter into a cell. +You can apply data validation by using one of the following ways, + * Select the **Data** tab in the ribbon toolbar, and then choose **Data Validation**. * Use the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#adddatavalidation) method programmatically. @@ -98,7 +100,7 @@ You can apply data validation to restrict the type of data or the values that us Clear validation feature is used to remove data validations from the specified ranges or the whole worksheet. -Clear data validation in one of the following ways: +You can clear data validation rule by one of the following ways, * Select the **Data** tab in the ribbon toolbar, and then choose **Clear Validation**. * Use the [`removeDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removedatavalidation) method programmatically. @@ -116,7 +118,7 @@ Highlight invalid data in one of the following ways: Clear highlight feature is used to remove the highlight from invalid cells. -Clear the highlighted invalid data in the following ways: +You can clear the highlighted invalid data in the following ways, * Select the **Data** tab in the ribbon toolbar, and then choose **Clear Highlight**. * Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removeinvalidhighlight) method programmatically. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md index 19291eda73..736151af7f 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md @@ -9,7 +9,7 @@ documentation: ug # Clipboard in EJ2 TypeScript Spreadsheet control -The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enableclipboard) boolean property in Spreadsheet. +The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enableclipboard) property in Spreadsheet. > By default, the `enableClipboard` property is `true`. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md index 86bc8c2774..5112162075 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/comment.md @@ -133,7 +133,7 @@ The "Comments" review pane is rendered within the spreadsheet interface to provi The "Comments" review pane allows you to: -* Add a new comment using the **New** button. +* Add new comment using the **New** button. * Filter comments by **All**, **Active**, or **Resolved** to view specific comment threads. * Navigate between comments and synchronize selection with the corresponding cells. * Perform actions such as: @@ -186,7 +186,7 @@ In the below sample, comments are added to a specific cell using cell data bindi ## Limitations * **Un-posted comments are not stored**: If you type in the comment editor and close it without clicking **Post**, the entered text is not saved and will not appear when you reopen the editor. Only posted content is persisted in the comment model. -* **Comments and Notes cannot coexist**: When a cell contains a comment, notes cannot be added. Similarly, if a cell already has a note, a comment cannot be added. +* **Comments and Notes cannot coexist**: When a cell contains comment, notes cannot be added. Similarly, if a cell already has a notes, comment cannot be added. * **Comments in Print**: Comments are not included in print output. * **Non-collaborative**: Real-time multi-user synchronization is not supported. However, when exporting and re-importing the workbook, the author information for each comment and reply is preserved. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md index 4fc0cc15de..a5df8af1f2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md @@ -15,7 +15,7 @@ Context Menu is used to improve user interaction with Spreadsheet using the popu ## Context Menu Items in Row Cell -The following table lists the default context menu items available when right-clicking a cell. +The following table lists the default context menu items and their actions when right-clicking a cell. | Context Menu items | Action | |-------|---------| @@ -29,7 +29,7 @@ The following table lists the default context menu items available when right-cl ## Context Menu Items in Row Header / Column Header -The following table lists the default context menu items available when right-clicking a row or column header. +The following table lists the default context menu items and their actions when right-clicking a row or column header. | Context Menu items | Action | |-------|---------| @@ -44,7 +44,7 @@ The following table lists the default context menu items available when right-cl ## Context Menu Items in Pager -The following table lists the default context menu items available when right-clicking the Pager (sheet tab area). +The following table lists the default context menu items and their actions when right-clicking the Pager (sheet tab area). | Context Menu items | Action | |-------|---------| @@ -66,7 +66,7 @@ You can perform the following context menu customization options in the spreadsh You can add the custom items in context menu using the [`addContextMenuItems`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addcontextmenuttems) in `contextmenuBeforeOpen` event -In this demo, a Custom Item is added after the Paste item in the cell context menu. +In this demo, a Custom Item is added after the Paste item in the context menu. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md index da1ccccf6b..76dbe7e420 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md @@ -9,7 +9,7 @@ documentation: ug # Data binding in EJ2 TypeScript Spreadsheet control -The Spreadsheet uses [`DataManager`](https://helpej2.syncfusion.com/documentation/data/), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [`DataManager`](https://helpej2.syncfusion.com/documentation/data/) or JavaScript object array collection. +The Spreadsheet uses [`DataManager`](https://ej2.syncfusion.com/documentation/data/), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [`DataManager`](https://ej2.syncfusion.com/documentation/data/) or JavaScript object array collection. > To bind data to a cell, use `cell data binding` support. @@ -30,7 +30,7 @@ Refer to the following code example for local data binding. {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/data-binding-cs1" %} -> The local data source can also be provided as an instance of the [`DataManager`](https://helpej2.syncfusion.com/documentation/data/). By default, [`DataManager`](https://helpej2.syncfusion.com/documentation/data/) uses [`JsonAdaptor`](https://ej2.syncfusion.com/documentation/data/adaptors#json-adaptor) for local data-binding. +> The local data source can also be provided as an instance of the [`DataManager`](https://ej2.syncfusion.com/documentation/data/). By default, [`DataManager`](https://ej2.syncfusion.com/documentation/data/) uses [`JsonAdaptor`](https://ej2.syncfusion.com/documentation/data/adaptors#json-adaptor) for local data-binding. ### Customizing column data mapping @@ -53,7 +53,7 @@ The following code example demonstrates how to customize the mapping of column d ## Remote data -To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://helpej2.syncfusion.com/documentation/data/) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. +To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://ej2.syncfusion.com/documentation/data/) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. Refer to the following code example for remote data binding. @@ -87,7 +87,7 @@ Refer to the following code example for remote data binding. ### Web API -You can use the `WebApiAdaptor` to bind the Spreadsheet to a general Web API using OData endpoint. +You can use the `WebApiAdaptor` to bind the Spreadsheet with Web API created using OData endpoint. {% tabs %} {% highlight ts tabtitle="index.ts" %} @@ -149,7 +149,7 @@ The following table defines the arguments of the `dataSourceChanged` event. ## Dynamic data binding using updateRange method -The [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#datasource) in a Spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the Spreadsheet. +The [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet#updaterange) method allows you to dynamically update the [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#datasource) in the Spreadsheet without manually iterating through each cell. This method is especially useful for efficiently applying bulk updates to a specific range within the Spreadsheet. To use the [updateRange](https://ej2.syncfusion.com/documentation/api/spreadsheet#updaterange) method, provide the new [dataSource](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#datasource) and specify the starting cell for the update using the [startCell](https://ej2.syncfusion.com/documentation/api/spreadsheet/rangeModel#startcell) property of the `RangeModel`. Additionally, set the `sheetIndex` to target the appropriate sheet for the update. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md index 46fb5f4275..7c3f4da506 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md @@ -24,7 +24,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins * On Windows, install [`Docker for Windows`](https://hub.docker.com/editions/community/docker-ce-desktop-windows). * On macOS, install [`Docker for Mac`](https://docs.docker.com/desktop/install/mac-install/). -## How to deploy the Spreadsheet Docker image +## How to deploy the Spreadsheet Docker Image **Step 1:** Pull the spreadsheet-server image from Docker Hub. @@ -32,7 +32,7 @@ Have [`Docker`](https://www.docker.com/products/container-runtime#/download) ins docker pull syncfusion/spreadsheet-server ``` -**Step 2:** Create a `docker-compose.yml` file in your project directory with the following content +**Step 2:** Create a `docker-compose.yml` file with the following code in your file system. ```yaml version: '3.4' @@ -57,7 +57,7 @@ docker-compose up Now the Spreadsheet server Docker instance runs on localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Spreadsheet Web API open and save service at `http://localhost:6002/api/spreadsheet/open` and `http://localhost:6002/api/spreadsheet/save`. -**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/getting-started) +**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/getting-started) ```html diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md index 820c92f086..f68ea65ee2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/editing.md @@ -16,10 +16,10 @@ You can edit the contents of a cell directly in the cell or by typing in the for You can start editing by one of the following ways: * Double-click a cell to start the edit mode. -* Press the `F2` key to edit the active cell. -* Use the formula bar to perform editing. +* Press `F2` key to edit the active cell. +* Use formula bar to perform editing. * Press the `BACKSPACE` or `SPACE` key to clear the cell content and start the edit mode. -* Use the [`startEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet#startedit) method. +* Using the [`startEdit`](https://ej2.syncfusion.com/documentation/api/spreadsheet#startedit) method. ## Save cell diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md index e9b3715b56..f68a491ebd 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/filter.md @@ -9,7 +9,7 @@ documentation: ug # Filter in EJ2 TypeScript Spreadsheet control -Filtering helps you to view specific rows in the spreadsheet by hiding the other rows. You can use the [`allowFiltering`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowfiltering) property (`boolean`, default `true`) to enable or disable filtering functionality. +Filtering helps you to view specific rows in the spreadsheet by hiding the other rows. You can use the [`allowFiltering`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowfiltering) property to enable or disable filtering functionality. > * The default value for `allowFiltering` property is `true`. @@ -53,7 +53,7 @@ To apply a filter for a cell value, right-click the cell and choose filter -> `F ## Clear filter -After applying a filter to a column, you may want to clear it to make all filtered rows visible again. It can be done in the following ways: +After applying filter to a column, you may want to clear it to make all filtered rows visible again. It can be done in the following ways: * Choose `Clear` option in ribbon toolbar under `Filter and Sort`. It clears the filters applied in the spreadsheet for all fields. @@ -65,7 +65,7 @@ After filtering, you can clear/reset the filter for a field alone. It can be don * Click the filter icon in the column's header and then choose the `Clear Filter` option from the filter dialog. * Right-click a filtered column cell and choose the `Clear Filter from ` option from the context menu. -* Use the [`clearFilter(field)`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clearfilter) method programmatically to clear the filter on a particular column. The `field` argument accepts the column key (for example, `'A'`) or the column header name. +* Use the [`clearFilter(field)`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clearfilter) method programmatically to clear the filter on a particular column. ## Reapply filter @@ -81,7 +81,7 @@ The following errors have been handled for filtering, ## Get data from filtered rows -Filtering allows you to view specific rows in a spreadsheet while hiding the others. The [allowFiltering](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowfiltering) property allows you to enable or disable filtering functionality through the UI. You can also use the [allowFiltering](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowfiltering) property and [applyFilter](https://ej2.syncfusion.com/documentation/api/spreadsheet/#applyfilter) method combination to filter data via code behind. The filtered rows can be identified by iterating through the row collection on the sheet and using the `isFiltered` property available in each row object. +Filtering allows you to view specific rows in a spreadsheet while hiding the others. The [allowFiltering](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowfiltering) property allows you to enable or disable filtering functionality through the UI. You can also use the [allowFiltering](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowfiltering) property and [applyFilter](https://ej2.syncfusion.com/documentation/api/spreadsheet#applyfilter) method combination to filter data via code behind. The filtered rows can be identified by iterating through the row collection on the sheet and using the `isFiltered` property available in each row object. The following code example shows how to get the filtered rows. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md index 13ca233f99..c569e24e20 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formatting.md @@ -313,9 +313,9 @@ In the MAY and JUN columns, we have applied conditional formatting custom format You can clear the defined rules by using one of the following ways, -* Using the **Clear Rules** option in the Conditional Formatting button on the Home Tab in the ribbon to clear the rule from selected cells. +* Using the **Clear Rules** option in the Conditional Formatting button on the **Home** Tab in the ribbon to clear the rule from selected cells. -* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clearconditionalformat) method to clear the defined rules. +* Using the [`clearConditionalFormat()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#clearconditionalformat) method to clear the defined rules. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md index 73d2e74db3..787c3e9bc4 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/formulas.md @@ -9,15 +9,15 @@ documentation: ug # Formulas in EJ2 TypeScript Spreadsheet Control -Formulas are used for calculating the data in a worksheet. You can refer to a cell reference from the same sheet or from a different sheet. +Formulas are used for calculating the data in a worksheet. You can refer the cell reference from the same sheet or from a different sheet. ## Usage -You can set a formula for a cell in the following ways: +You can set formula for a cell in the following ways: * Using the `formula` property from `cell`, you can set the formula or expression to each cell at initial load. * Set the formula or expression through data binding. -* You can set a formula for a cell by [`editing`](./editing). +* You can set formula for a cell by [`editing`](./editing). * Using the [`updateCell`](https://ej2.syncfusion.com/documentation/api/spreadsheet#updatecell) method, you can set or update the cell formula. @@ -256,7 +256,7 @@ If you enter an invalid formula in a cell, an error dialog with an error message | We found that you typed a formula which is improper | Occurs when passing a single reference but a range was needed. | | We found that you typed a formula with a wrong number of arguments | Occurs when the required arguments were not passed. | | We found that you typed a formula which requires 3 arguments | Occurs when the required 3 arguments were not passed. | -| We found that you typed a formula with mismatched quotes | Occurs when passing an argument with mismatched quotes. | +| We found that you typed a formula with a mismatched quotes | Occurs when passing an argument with mismatched quotes. | | We found that you typed a formula with a circular reference | Occurs when passing a formula with circular cell reference. | | We found that you typed a formula which is invalid | Except in the cases mentioned above, all other errors will fall into this broad category. | diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md index af19a98b13..1c81ef3805 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md @@ -57,7 +57,7 @@ In this demo, the frozenColumns is set as ‘2’, and the frozenRows is set as ## Limitations -The following are the limitations of the Freeze Panes feature. +Here, we have listed out the limitations with Freeze Panes feature. * Merging cells between the freeze and unfreeze areas. * If images and charts are added inside the freeze area cells, their portion in the unfreeze area will not move when scrolling. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md index 098fc9b9fc..0ab3a8767d 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md @@ -9,7 +9,7 @@ documentation: ug # Changing the active sheet in EJ2 TypeScript Spreadsheet control -You can change the active sheet of imported file by updating [`activeSheetIndex`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#activesheetindex) property on the [`openComplete`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#opencomplete) event. +You can change the active sheet of imported file by updating [`activeSheetIndex`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#activesheetindex) property on the [`openComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#opencomplete) event. The following code example shows how to set the active sheet when importing an Excel file. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md index f8bcfc2348..c38a55d451 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md @@ -9,7 +9,7 @@ documentation: ug # Create a object structure in EJ2 TypeScript Spreadsheet control -This topic guides you to construct a JSON structure that can be passed to the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method to render the spreadsheet. The JSON structure is an object with the key as `Workbook` and the [`properties`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/#properties) of the spreadsheet as value. +This topic guides you to construct a JSON structure that can be passed to the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method to render the spreadsheet. The JSON structure is an object with the key as `Workbook` and the [`properties`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#properties) of the spreadsheet as value. ```js { Workbook: {} } diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md index b47af52ea0..ac7d0477e8 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/illustrations.md @@ -28,7 +28,7 @@ The available parameters in `insertImage()` method are, | Parameter | Type | Description | |-----|------|----| -| images | `ImageModel[]` | Specifies the options to insert one or more images in the spreadsheet. | +| images | `ImageModel` | Specifies the options to insert image in spreadsheet. | | range(optional) | `string` | Specifies the range in the spreadsheet. | The available arguments in `ImageModel` are: @@ -38,7 +38,7 @@ The available arguments in `ImageModel` are: * height: Specifies the height of the image. * width: Specifies the width of the image. * top: Specifies the top position of the image. -* left: Specifies the left position of the image. +* left: Specifies the left side of the image. > In a spreadsheet, you can add many types of image files, including IMAGE, JPG, PNG, GIF, and JPEG files. @@ -88,7 +88,7 @@ The following features have some limitations in Image: ## Chart -A chart is a graphical representation of data; it organizes and represents a set of numerical or qualitative data. It typically displays the selected range of data in terms of the `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowchart) property to enable or disable the chart functionality. +A chart is a graphical representation of data, that organizes and represents a set of numerical or qualitative data. It mostly displays the selected range of data in terms of `x`-axis and `y`-axis. You can use the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowchart) property to enable or disable the chart functionality. > The default value for the [`allowChart`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowchart) property is `true`. @@ -166,9 +166,9 @@ Chart feature allows you to view and insert a chart in a spreadsheet, and you ca {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/chart-cs1" %} -#### Customization of Line Chart Markers +#### Customization of line chart markers -Using the [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. The following example shows how to modify the marker shape and size when creating a line chart through the UI. +Using the [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet#actionbegin) event, you can change the shape, size, fill color, and border of the line chart marker. The following example shows how to modify the marker shape and size when creating a line chart with the UI interaction. {% tabs %} {% highlight ts tabtitle="index.ts" %} diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md index fc8d79b858..70548d2bc9 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/notes.md @@ -30,7 +30,7 @@ In the below example, you can add, edit, save, and delete notes. ## Adding a note -In the active worksheet, you can add a note using any of the following approaches: +In the active worksheet, you can add a note in the following ways: * **Context Menu**: Right-click the desired cell and select **Add Note**. * **Ribbon**: Select the cell, navigate to the **Review** tab, click the **Notes** dropdown, and select **Add Note**. @@ -92,8 +92,8 @@ The **Show/Hide Note** option allows you to toggle the visibility of individual To toggle the visibility of a note: -* **Context menu**: Right-click the cell containing the note and select **Show/Hide Note**. -* **Ribbon**: Select the cell, go to the **Review** tab, open the **Notes** dropdown, and choose **Show/Hide Note**. +* **Context Menu**: Right-click the cell containing the note and select **Show/Hide Note**. +* **Ribbon**: Select the cell, go to the **Review** tab, click the **Notes** dropdown, and choose **Show/Hide Note**. **Behavior:** diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md index bb58f12dea..ac0a257d5d 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md @@ -9,7 +9,7 @@ documentation: ug # Open and save in EJ2 TypeScript Spreadsheet control -The native data format for the Spreadsheet is `JSON`. When you open an Excel file, the file must be read and converted into a client-side Spreadsheet model. The converted client-side Spreadsheet model is sent as JSON, which is used to render the Spreadsheet. Similarly, when you save the Spreadsheet, the client-side Spreadsheet model is sent to the server as JSON for processing and saved as an Excel file. The [`Server configuration`](./open-save#server-configuration) section is used for this process. +The native data format for the Spreadsheet is `JSON`. When you open an Excel file, the file must be read and converted into a client-side Spreadsheet model. The converted client-side Spreadsheet model is sent as JSON, which is used to render the Spreadsheet. Similarly, when you save the Spreadsheet, the client-side Spreadsheet model is sent to the server as JSON for processing and saved as an Excel file. [`Server configuration`](./open-save#server-configuration) is used for this process. ## Open @@ -17,7 +17,7 @@ The Spreadsheet control opens an Excel document with its data, style, format, an **User Interface**: -In the user interface, you can open an Excel document by clicking `File > Open` in the ribbon. +In the user interface, you can open an Excel document by clicking `File > Open` menu item in the ribbon. The following sample shows the `Open` option by using the [`openUrl`](https://ej2.syncfusion.com/documentation/api/spreadsheet#openurl) property in the Spreadsheet control. You can also use the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforeopen) event to trigger before opening an Excel file. @@ -43,7 +43,7 @@ Please find the below table for the `beforeOpen` event arguments. > * Use `Ctrl + O` keyboard shortcut to open Excel documents. > * The default value of the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowopen) property is `true`. For demonstration purpose, we have showcased the [allowOpen](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowopen) property in previous code snippet. -### Open an Excel file using a file uploader +### Open an excel file using a file uploader If you explore your machine to select and upload an excel document using the file uploader, you will receive the uploaded document as a raw file in the [success](https://ej2.syncfusion.com/documentation/api/uploader#success) event of the file uploader. In this `success` event, you should pass the received raw file as an argument to the Spreadsheet's [open](https://ej2.syncfusion.com/documentation/api/spreadsheet#open) method to see the appropriate output. @@ -73,7 +73,7 @@ You can achieve to access the remote excel file by using the [`created`](https:/ {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/open-save-cs2" %} -### Open an Excel file from blob data +### Open an excel file from blob data By default, the Spreadsheet control provides an option to browse files from the local file system and open them within the control. If you want to open an Excel file from blob data, you need to fetch the blob data from the server or another source and convert this blob data into a `File` object. Then, you can use the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet#open) method in the Spreadsheet control to load that `File` object. @@ -145,13 +145,13 @@ You can find the server endpoint code to fetch and process the Excel file in thi fetch('https://localhost:{port number}/Home/Open') ``` -### Open an Excel file using a hosted web service in AWS Lambda +### Open an excel file using a hosted web service in AWS Lambda Before proceeding with the opening process, you should deploy the spreadsheet open/save web API service in AWS Lambda. To host the open/save web service in the AWS Lambda environment, please refer to the following KB documentation. [How to deploy a spreadsheet open and save web API service to AWS Lambda](https://support.syncfusion.com/kb/article/17184/how-to-deploy-a-spreadsheet-open-and-save-web-api-service-to-aws-lambda) -After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The Spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `eventArgs.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request. +After deployment, you will get the AWS service URL for the open and save actions. Before opening the Excel file with this hosted open URL, you need to prevent the default file opening process to avoid getting a corrupted file on the open service end. The Spreadsheet component appends the file to the `formData` and sends it to the open service, which causes the file to get corrupted. To prevent this, set the `args.cancel` value to `true` in the [`beforeOpen`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforeopen) event. After that, you will get the selected file in the `beforeOpen` event argument. Then, convert this file into a base64 string and send it to the open service URL using a fetch request. On the open service end, convert the base64 string back to a file and pass it as an argument to the workbook `Open` method. The open service will process the file and return the spreadsheet data in JSON format. You will then receive this JSON data in the fetch success callback. Finally, use the [openFromJson](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method to load this JSON data into the spreadsheet component. @@ -234,7 +234,7 @@ public class OpenOptions } ``` -### Open an Excel file from Base64 string data +### Open an excel file from Base64 string data In the Syncfusion® Spreadsheet component, there is no direct option to open data as a `Base64` string. To achieve this, the `import()` function fetches the `Base64` string, converts it to a Blob, creates a File object from the Blob, and then opens it using the [open](https://ej2.syncfusion.com/documentation/api/spreadsheet#open) method in the spreadsheet. @@ -251,7 +251,7 @@ The following code example shows how to save the spreadsheet data as base64 stri {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/base-64-string" %} -### Open Excel file into a read-only mode +### Open excel file into a read-only mode You can open excel file into a read-only mode by using the [`openComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#opencomplete) event. In this event, you must protect all the sheets and lock its used range cells by using [`protectSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#protectsheet) and [`lockCells`](https://ej2.syncfusion.com/documentation/api/spreadsheet#lockcells) methods. @@ -652,7 +652,7 @@ public string Save([FromForm]SaveSettings saveSettings) In the Spreadsheet control, there is currently no direct option to save data as a `Base64` string. You can achieve this by saving the Spreadsheet data as blob data and then converting that saved blob data to a `Base64` string using `FileReader`. -> You can get the Spreadsheet data as blob in the [saveComplete](https://helpej2.syncfusion.com/documentation/api/spreadsheet#savecomplete) event when you set the `needBlobData` as **true** and `isFullPost` as **false** in the [beforeSave](https://helpej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event. +> You can get the Spreadsheet data as blob in the [saveComplete](https://ej2.syncfusion.com/documentation/api/spreadsheet#savecomplete) event when you set the `needBlobData` as **true** and `isFullPost` as **false** in the [beforeSave](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event. The following code example shows how to save the spreadsheet data as base64 string. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md index 32e8a334c2..02a3bb72de 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md @@ -82,7 +82,7 @@ To improve performance when opening large Excel files, use parsing options like To learn how to configure these parsing options, please refer to the UG section below. * [Configure Parsing Options](./open-save#improving-excel-file-open-performance-with-parsing-options) -## How to improve performance for formula calculation in the Spreadsheet? +## How to improve performance on formula calculation in the Spreadsheet? ### Manual calculation mode @@ -104,7 +104,7 @@ To learn more about Manual Calculation Mode and how to enable it, you can refer When saving large Excel files with extensive data and features using **File → Save As** or the **save** method, the Spreadsheet triggers a server API call through a form submit operation. This can lead to performance issues such as timeouts or delays, particularly due to the size and complexity of the workbook. -To mitigate these issues during the save operation, you can set the [`isFullPost`](https://helpej2.syncfusion.com/documentation/api/spreadsheet/beforeSaveEventArgs#isfullpost) property to **false** in the [`beforeSave`](https://helpej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event of the Spreadsheet. +To mitigate these issues during the save operation, you can set the [`isFullPost`](https://ej2.syncfusion.com/documentation/api/spreadsheet/beforeSaveEventArgs#isfullpost) property to **false** in the [`beforeSave`](https://ej2.syncfusion.com/documentation/api/spreadsheet#beforesave) event of the Spreadsheet. The following code example shows how to set `isFullPost` to **false** in the Spreadsheet component: @@ -122,7 +122,7 @@ Serialization options in the EJ2 Spreadsheet allow you to exclude specific featu This is particularly useful when: * You need only the raw data without formatting. -* You're saving the `Workbook JSON object` using the [`saveAsJson`](https://helpej2.syncfusion.com/documentation/api/spreadsheet#saveasjson) method in the Spreadsheet. +* You're saving the `Workbook JSON object` using the [`saveAsJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet#saveasjson) method in the Spreadsheet. * You want to minimize the size of the JSON payload and optimize processing speed. Proper use of serialization options during save improves performance and reduces the time taken during the save process. @@ -147,7 +147,7 @@ Benefits: You can disable aggregate calculation using the following code example: ```ts -const spreadsheet = new Spreadsheet({ +let spreadsheet = new Spreadsheet({ showAggregate: false }); spreadsheet.appendTo('#spreadsheet'); diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md index 0d531a47eb..a723f342b2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/protect-sheet.md @@ -15,7 +15,7 @@ Sheet protection helps you to prevent the users from modifying the data in the s Protect sheet feature helps you to prevent unknown users from accidentally changing, editing, moving, or deleting data in a spreadsheet. You can also protect the sheet with a password. -You can use the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet#isprotected) property to enable or disable the protecting functionality. +You can use the [`isProtected`](https://ej2.syncfusion.com/documentation/api/spreadsheet#isprotected) property to enable or disable the Protecting functionality. > The default value for `isProtected` property is `false`. @@ -194,7 +194,7 @@ Unprotect Workbook is used to enable the insert, delete, rename, move, copy, hid **User Interface**: -In the active Spreadsheet, the workbook Unprotection can be done in any of the following ways: +In the active Spreadsheet, the workbook can be unprotected in any of the following ways: * Select the `Unprotect Workbook` item in the Ribbon toolbar under the Data Tab and provide the valid password in the dialog box. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md index 68ca4b2e63..c8f7fe08d2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/rows-and-columns.md @@ -44,7 +44,7 @@ The following code example shows the options for inserting rows in the spreadshe The columns can be inserted in the following ways, * Using [`insertColumn`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertcolumn) method, you can insert the columns once the component is loaded. -* Using the context menu, insert empty columns in the desired position. +* Using context menu, insert empty columns in the desired position. The following code example shows the options for inserting columns in the spreadsheet. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md index a017936979..d45f32cd4c 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/scrolling.md @@ -13,7 +13,7 @@ Scrolling helps you to move quickly to different areas of the worksheet. It move > By default, the `allowScrolling` property is `true`. -You have the following options in scrolling by using the [`scrollSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet#scrollsettings) property: +You have the following options in Scrolling by using the [`scrollSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet#scrollsettings) property: * Finite scrolling. * Virtual scrolling. @@ -41,7 +41,7 @@ In virtual scrolling `enableVirtualization` is set to true means, it allows you You can scroll through the worksheet using one of the following ways: * Using the `arrow` keys. -* Using the horizontal and vertical `scroll` bars. +* Using the Horizontal and Vertical`scroll` bars. * Using the `mouse` wheel. ## Finite scrolling with defined rows and columns diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md index 2abb64486e..0fffacb004 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md @@ -4,7 +4,6 @@ title: Selection in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Selection in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing control: Selection - documentation: ug --- @@ -14,7 +13,7 @@ Selection provides interactive support to highlight the cell, row, or column tha > * The default value for `mode` in `selectionSettings` is `Multiple`. -The following selection types are supported: +The available selection types are: * Cell selection * Row selection @@ -86,7 +85,7 @@ The following sample shows the column selection in the spreadsheet, here selecti ## Get selected cell values -You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://helpej2.syncfusion.com/documentation/api/spreadsheet#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://helpej2.syncfusion.com/documentation/api/spreadsheet#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://helpej2.syncfusion.com/documentation/api/spreadsheet#getdata) method. +You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also programmatically perform selections using the [selectRange](https://ej2.syncfusion.com/documentation/api/spreadsheet#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://ej2.syncfusion.com/documentation/api/spreadsheet#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://ej2.syncfusion.com/documentation/api/spreadsheet#getdata) method. Below is a code example demonstrating how to retrieve the selected cell values as a collection programmatically: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md index cf33af169e..e9abd25fb2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/styles.md @@ -9,7 +9,7 @@ documentation: ug # Styles in EJ2 TypeScript Spreadsheet control -To modify the Spreadsheet appearance, override the default CSS of the spreadsheet. Please find the CSS structure that can be used to modify the Spreadsheet appearance. Also, you have an option to create your own custom theme for all the JavaScript controls using our [`Theme Studio`](https://ej2.syncfusion.com/themestudio/?theme=material). +To modify the Spreadsheet appearance, you need to override the default CSS of the spreadsheet. Please find the CSS structure that can be used to modify the Spreadsheet appearance. Also, you have an option to create your own custom theme for all the JavaScript controls using our [`Theme Studio`](https://ej2.syncfusion.com/themestudio/?theme=material). ## Customizing the Spreadsheet diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md index 99abad7f55..2c05af02c8 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/template.md @@ -3,7 +3,7 @@ layout: post title: Template in EJ2 TypeScript Spreadsheet control | Syncfusion description: Learn here all about Template in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing -control: Cell Template +control: Template documentation: ug --- diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md index 8e26910813..fcdd2c2e0f 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/worksheet.md @@ -17,7 +17,7 @@ You can dynamically add or insert a sheet in the following ways: * Click the `Add Sheet` button in the sheet tab. This adds a new empty sheet next to the current active sheet. * Right-click on the sheet tab, and then select `Insert` from the context menu to insert a new empty sheet before the current active sheet. -* Use the [`insertSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertsheet) method to insert one or more sheets at the desired index. +* Using [`insertSheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#insertsheet) method to insert one or more sheets at the desired index. The following code example shows the insert sheet operation in the Spreadsheet. diff --git a/Document-Processing/Excel/Spreadsheet/React/global-local.md b/Document-Processing/Excel/Spreadsheet/React/global-local.md index 61a6fdc065..fc4d0dcc5a 100644 --- a/Document-Processing/Excel/Spreadsheet/React/global-local.md +++ b/Document-Processing/Excel/Spreadsheet/React/global-local.md @@ -11,7 +11,7 @@ documentation: ug ## Localization -The [`Localization`](https://helpej2.syncfusion.com/react/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The Spreadsheet has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the +The [`Localization`](https://ej2.syncfusion.com/react/documentation/common/globalization/localization) library allows you to localize the default text content of the Spreadsheet. The Spreadsheet has static text on some features (cell formatting, Merge, Data validation, etc.) that can be changed to other cultures (Arabic, Deutsch, French, etc.) by defining the [`locale`](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#locale) value and translation object. The following list of properties and their values are used in the Spreadsheet. @@ -377,7 +377,7 @@ Locale keywords |Text ### Loading translations -To load translation object in an application, use [`load`](https://helpej2.syncfusion.com/react/documentation/common/globalization/internationalization#loading-culture-data) function of the [`L10n`](https://ej2.syncfusion.com/react/documentation/common/globalization/internationalization) class. +To load translation object in an application, use [`load`](https://ej2.syncfusion.com/react/documentation/common/globalization/internationalization#loading-culture-data) function of the [`L10n`](https://ej2.syncfusion.com/react/documentation/common/globalization/internationalization) class. The following example demonstrates the Spreadsheet in `French` culture. In the below sample we have translated the ribbon tab names and Home tab content (clipboard, cell style). @@ -526,4 +526,4 @@ You can refer to our [React Spreadsheet Editor](https://www.syncfusion.com/sprea ## See Also -* [Localization](https://helpej2.syncfusion.com/react/documentation/common/globalization/localization) +* [Localization](https://ej2.syncfusion.com/react/documentation/common/globalization/localization) diff --git a/Document-Processing/Excel/Spreadsheet/React/selection.md b/Document-Processing/Excel/Spreadsheet/React/selection.md index 0ec4082ad7..f4d7b2d29f 100644 --- a/Document-Processing/Excel/Spreadsheet/React/selection.md +++ b/Document-Processing/Excel/Spreadsheet/React/selection.md @@ -101,7 +101,7 @@ The following sample shows the column selection in the spreadsheet, here selecti ## Get selected cell values -You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. Additionally, you can also programmatically perform selection using the [selectRange](https://helpej2.syncfusion.com/react/documentation/api/spreadsheet#selectrange) method. This selection behavior is controlled based on the [selectionSettings](https://helpej2.syncfusion.com/react/documentation/api/spreadsheet#selectionsettings) property. Now, retrieving the selected cell values as a collection is achievable using the [getData](https://helpej2.syncfusion.com/react/documentation/api/spreadsheet#getdata) method. +You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. Additionally, you can also programmatically perform selection using the [selectRange](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#selectrange) method. This selection behavior is controlled based on the [selectionSettings](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#selectionsettings) property. Now, retrieving the selected cell values as a collection is achievable using the [getData](https://ej2.syncfusion.com/react/documentation/api/spreadsheet#getdata) method. Below is a code example demonstrating how to retrieve the selected cell values as a collection programmatically: From a3e08da1f9a0230df6ad7a8bb633a64a9e4127d4 Mon Sep 17 00:00:00 2001 From: RahulRavikumar Date: Tue, 28 Jul 2026 17:52:26 +0530 Subject: [PATCH 5/6] 1043174: Addressed code corrections --- .../Excel/Spreadsheet/Javascript-ES6/context-menu.md | 2 +- .../Excel/Spreadsheet/Javascript-ES6/freeze-pane.md | 4 ++-- .../Excel/Spreadsheet/Javascript-ES6/searching.md | 2 +- .../Excel/Spreadsheet/Javascript-ES6/selection.md | 2 +- Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md | 4 ++-- 5 files changed, 7 insertions(+), 7 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md index a5df8af1f2..c755fc6abb 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/context-menu.md @@ -29,7 +29,7 @@ The following table lists the default context menu items and their actions when ## Context Menu Items in Row Header / Column Header -The following table lists the default context menu items and their actions when right-clicking a row or column header. +The following table lists the default context menu items and their actions when right-clicking a row/column header. | Context Menu items | Action | |-------|---------| diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md index 1c81ef3805..aa6c470cc2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md @@ -9,13 +9,13 @@ documentation: ug # Freeze pane in EJ2 TypeScript Spreadsheet control -Freeze Panes help you keep particular rows or columns visible while scrolling the sheet content. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sheets) configuration. +Freeze Panes help you keep particular rows or columns visible while scrolling the sheet content. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sheets) property. ## Apply freezepanes on UI **User Interface**: -In the active spreadsheet, click the cell where you want to create freeze panes. You can freeze panes in any of the following ways: +In the active spreadsheet, click the cell where you want to create freeze panes. Freeze panes can be done in any of the following ways: * Select the View tab in the Ribbon toolbar and choose the `Freeze Panes` item. * Use the [`freezePanes`](https://ej2.syncfusion.com/documentation/api/spreadsheet#freezepanes) method programmatically. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md index 8ecdb8068f..4d4e0029c9 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/searching.md @@ -15,7 +15,7 @@ The Find and Replace feature helps you to search for the target text and replace ## Find -The Find feature is used to select the matched contents of a cell within the sheet or workbook. It is extremely useful when working with large sets of data sources. +The Find feature is used to select the matched contents of a cell within the sheet or workbook. It is extremely useful when working with large sets of data source. **User Interface**: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md index 0fffacb004..c0b83125f2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md @@ -13,7 +13,7 @@ Selection provides interactive support to highlight the cell, row, or column tha > * The default value for `mode` in `selectionSettings` is `Multiple`. -The available selection types are: +You have the following options in Selection, * Cell selection * Row selection diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md index 89344f54b2..d9d51343b5 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/sort.md @@ -110,7 +110,7 @@ You can refer to the [`Data contains header`](./sort#data-contains-header) topic The multi-column sorting can also be performed manually by passing sort options to the `sort()` method programmatically. The `sortOption` have the following arguments: -* [`sortDescriptors`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortdescriptors) – Sort criteria collection that holds the collection of field name, sort order, and [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortcomparer). +* [`sortDescriptors`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#sortdescriptors) – Sort criteria collection that holds the collection of field name, sort order, and [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#sortcomparer). * `containsHeader` – Boolean argument that specifies whether the range has headers in it. * `caseSensitive` – Boolean argument that specifies whether the range needs to consider case. @@ -130,7 +130,7 @@ The multi-column sorting can also be performed manually by passing sort options ## Custom sort comparer -The [`sortDescriptor`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortdescriptors) holds the [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sortcomparer) property, which is a function and it is used to customize the sort comparer for specific sort criteria. Each `sortDescriptor` can be customized using the custom sort comparer function. +The [`sortDescriptor`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#sortdescriptors) holds the [`sortComparer`](https://ej2.syncfusion.com/documentation/api/spreadsheet/index-default#sortcomparer) property, which is a function and it is used to customize the sort comparer for specific sort criteria. Each `sortDescriptor` can be customized using the custom sort comparer function. By customizing sort comparer, you can define the sort action as desired. From 0215ddea8cf5c60fc1ff83862478deed3edbe5ed Mon Sep 17 00:00:00 2001 From: RahulRavikumar Date: Tue, 28 Jul 2026 23:44:20 +0530 Subject: [PATCH 6/6] 1043174: Resolved front matter and SpellCheck issues --- .../Excel/Spreadsheet/Javascript-ES6/data-binding.md | 8 ++++---- .../Excel/Spreadsheet/Javascript-ES6/docker-deployment.md | 2 +- .../Excel/Spreadsheet/Javascript-ES6/freeze-pane.md | 2 +- .../Javascript-ES6/how-to/change-active-sheet.md | 2 +- .../Javascript-ES6/how-to/create-a-object-structure.md | 2 +- .../Excel/Spreadsheet/Javascript-ES6/open-save.md | 8 ++++---- .../Javascript-ES6/performance-best-practices.md | 2 +- .../Excel/Spreadsheet/Javascript-ES6/selection.md | 2 +- 8 files changed, 14 insertions(+), 14 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md index 76dbe7e420..f4fea528ec 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/data-binding.md @@ -9,7 +9,7 @@ documentation: ug # Data binding in EJ2 TypeScript Spreadsheet control -The Spreadsheet uses [`DataManager`](https://ej2.syncfusion.com/documentation/data/), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [`DataManager`](https://ej2.syncfusion.com/documentation/data/) or JavaScript object array collection. +The Spreadsheet uses [`DataManager`](https://ej2.syncfusion.com/documentation/data), which supports both RESTful JSON data services and local JavaScript object array binding to a range. The `dataSource` property can be assigned either with the instance of [`DataManager`](https://ej2.syncfusion.com/documentation/data) or JavaScript object array collection. > To bind data to a cell, use `cell data binding` support. @@ -30,7 +30,7 @@ Refer to the following code example for local data binding. {% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es6/data-binding-cs1" %} -> The local data source can also be provided as an instance of the [`DataManager`](https://ej2.syncfusion.com/documentation/data/). By default, [`DataManager`](https://ej2.syncfusion.com/documentation/data/) uses [`JsonAdaptor`](https://ej2.syncfusion.com/documentation/data/adaptors#json-adaptor) for local data-binding. +> The local data source can also be provided as an instance of the [`DataManager`](https://ej2.syncfusion.com/documentation/data). By default, [`DataManager`](https://ej2.syncfusion.com/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/documentation/data/adaptors#json-adaptor) for local data-binding. ### Customizing column data mapping @@ -53,7 +53,7 @@ The following code example demonstrates how to customize the mapping of column d ## Remote data -To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://ej2.syncfusion.com/documentation/data/) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. +To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://ej2.syncfusion.com/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`. Refer to the following code example for remote data binding. @@ -102,7 +102,7 @@ You can use the `WebApiAdaptor` to bind the Spreadsheet with Web API created usi ## Cell data binding -The Spreadsheet control can bind the data to individual cell in a sheet . To achive this you can use the +The Spreadsheet control can bind the data to individual cell in a sheet . To achieve this you can use the `value` property. Refer to the following code example for cell data binding. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md index 7c3f4da506..5e820e8175 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/docker-deployment.md @@ -1,6 +1,6 @@ --- layout: post -title: Docker image deployment in EJ2 TypeScript Spreadsheet control | Syncfusion +title: Docker image deployment in EJ2 TypeScript Spreadsheet | Syncfusion description: Learn here all about Docker image deployment in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more. platform: document-processing control: Docker deployment diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md index aa6c470cc2..0378a5d5bd 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/freeze-pane.md @@ -11,7 +11,7 @@ documentation: ug Freeze Panes help you keep particular rows or columns visible while scrolling the sheet content. You can specify the number of frozen rows and columns using the [`frozenRows`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozenrows) and [`frozenColumns`](https://ej2.syncfusion.com/documentation/api/spreadsheet#frozencolumns) properties inside the [`Sheet`](https://ej2.syncfusion.com/documentation/api/spreadsheet#sheets) property. -## Apply freezepanes on UI +## Apply freeze panes on UI **User Interface**: diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md index a3bded8f46..62e83ec06a 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/change-active-sheet.md @@ -9,7 +9,7 @@ documentation: ug # Changing the active sheet in EJ2 TypeScript Spreadsheet control -You can change the active sheet of imported file by updating [`activeSheetIndex`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#activesheetindex) property on the [`openComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#opencomplete) event. +You can change the active sheet of imported file by updating [`activeSheetIndex`](https://ej2.syncfusion.com/documentation/api/spreadsheet#activesheetindex) property on the [`openComplete`](https://ej2.syncfusion.com/documentation/api/spreadsheet#opencomplete) event. The following code example shows how to set the active sheet when importing an Excel file. diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md index 8520eff35b..b608082383 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/how-to/create-a-object-structure.md @@ -9,7 +9,7 @@ documentation: ug # Create a object structure in EJ2 TypeScript Spreadsheet control -This topic guides you to construct a JSON structure that can be passed to the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#openfromjson) method to render the spreadsheet. The JSON structure is an object with the key as `Workbook` and the [`properties`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#properties) of the spreadsheet as value. +This topic guides you to construct a JSON structure that can be passed to the [`openFromJson`](https://ej2.syncfusion.com/documentation/api/spreadsheet#openfromjson) method to render the spreadsheet. The JSON structure is an object with the key as `Workbook` and the [`properties`](https://ej2.syncfusion.com/documentation/api/spreadsheet#properties) of the spreadsheet as value. ```js { Workbook: {} } diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md index ac0a257d5d..d87b266e61 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/open-save.md @@ -432,8 +432,8 @@ public IActionResult Open(IFormCollection openRequest) The following list of Excel file formats are supported in Spreadsheet: -* MS Excel (.xlsx) -* MS Excel 97-2003 (.xls) +* Microsoft Excel (.xlsx) +* Microsoft Excel 97-2003 (.xls) * Comma Separated Values (.csv) * Excel Macro-Enabled Workbook (.xlsm) * Excel Binary Workbook(.xlsb) @@ -769,8 +769,8 @@ The possible values are: The following list of Excel file formats are supported in Spreadsheet: -* MS Excel (.xlsx) -* MS Excel 97-2003 (.xls) +* Microsoft Excel (.xlsx) +* Microsoft Excel 97-2003 (.xls) * Comma Separated Values (.csv) * Portable Document Format (.pdf) diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md index 02a3bb72de..68d74978d2 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/performance-best-practices.md @@ -1,6 +1,6 @@ --- layout: post -title: Performance best practices in EJ2 TypeScript Spreadsheet Control | Syncfusion +title: Performance best practices in TypeScript Spreadsheet | Syncfusion description: Learn here all about how to optimize the performance EJ2 TypeScript Spreadsheet control, its elements and more. platform: document-processing control: Performance diff --git a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md index c0b83125f2..ea5a243cb5 100644 --- a/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md +++ b/Document-Processing/Excel/Spreadsheet/Javascript-ES6/selection.md @@ -102,7 +102,7 @@ Below is a code example demonstrating how to retrieve the selected cell values a ## Remove Selection -The following sample shows, how to remove the selection in the spreadsheet. Here changing the `mode` as `None` in [`selectionSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#selectionsettings) to disable's the UI selection. +The following sample shows, how to remove the selection in the spreadsheet. Here changing the `mode` as `None` in [`selectionSettings`](https://ej2.syncfusion.com/documentation/api/spreadsheet#selectionsettings) to disable's the UI selection. {% tabs %} {% highlight ts tabtitle="index.ts" %}