diff --git a/Document-Processing/Excel/Spreadsheet/Vue/cell-range.md b/Document-Processing/Excel/Spreadsheet/Vue/cell-range.md index 32b904abed..f34bb69839 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/cell-range.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/cell-range.md @@ -207,7 +207,7 @@ Clear the cell contents and formats in the Spreadsheet document by using the [cl ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/clipboard.md b/Document-Processing/Excel/Spreadsheet/Vue/clipboard.md index 6ae3de027e..d4e5e0ad03 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/clipboard.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/clipboard.md @@ -94,4 +94,4 @@ The following example shows, how to prevent the paste action in spreadsheet. In ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. \ No newline at end of file +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. \ No newline at end of file diff --git a/Document-Processing/Excel/Spreadsheet/Vue/context-menu.md b/Document-Processing/Excel/Spreadsheet/Vue/context-menu.md index 1ac24a45bd..69247c3bad 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/context-menu.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/context-menu.md @@ -115,7 +115,7 @@ In this demo, Rename item is disabled in the pager context menu. ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/data-binding.md b/Document-Processing/Excel/Spreadsheet/Vue/data-binding.md index 32d5348fab..50533c50fa 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/data-binding.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/data-binding.md @@ -168,7 +168,7 @@ The following code example demonstrates how to dynamically update data using the ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/docker-deployment.md b/Document-Processing/Excel/Spreadsheet/Vue/docker-deployment.md index c77d8128c1..1cc5722a92 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/docker-deployment.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/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/vue/documentation/api/spreadsheet/#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/vue/documentation/api/spreadsheet/#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet component. For more information on how to get started with the Spreadsheet component, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/getting-started). +**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet component. For more information on how to get started with the Spreadsheet component, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/getting-started). {% tabs %} diff --git a/Document-Processing/Excel/Spreadsheet/Vue/editing.md b/Document-Processing/Excel/Spreadsheet/Vue/editing.md index fcd9431722..06a9b7474f 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/editing.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/editing.md @@ -55,7 +55,7 @@ The following sample shows how to prevent the editing and cell save. Here `E` co ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/filter.md b/Document-Processing/Excel/Spreadsheet/Vue/filter.md index f8ed97c380..d6551ff686 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/filter.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/filter.md @@ -105,7 +105,7 @@ The following features have some limitations in Filter: ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/formatting.md b/Document-Processing/Excel/Spreadsheet/Vue/formatting.md index 12b1679b2d..2c30866490 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/formatting.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/formatting.md @@ -357,7 +357,7 @@ The following code example shows the subscript and superscript formatting in cel ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/formulas.md b/Document-Processing/Excel/Spreadsheet/Vue/formulas.md index 92086f1520..b67ba2c29e 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/formulas.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/formulas.md @@ -175,7 +175,7 @@ If you enter an invalid formula in a cell, an error dialog with an error message ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md index c7e6e44822..ebe7e567f5 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md @@ -64,7 +64,7 @@ Here, we have listed out the limitations with Freeze Panes feature. ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/global-local.md b/Document-Processing/Excel/Spreadsheet/Vue/global-local.md index bcb64f6b46..04be496fc0 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/global-local.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/global-local.md @@ -622,7 +622,7 @@ RTL provides an option to switch the text direction and layout of the Spreadshee ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md b/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md index efb7e0d4f1..ed98742871 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md @@ -191,7 +191,7 @@ The following features have some limitations in the Chart: ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/keyboard-shortcuts.md b/Document-Processing/Excel/Spreadsheet/Vue/keyboard-shortcuts.md index 54341893a3..c6e9b21b6c 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/keyboard-shortcuts.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/keyboard-shortcuts.md @@ -117,7 +117,7 @@ The keyboard shortcuts supported in the Spreadsheet are, ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/link.md b/Document-Processing/Excel/Spreadsheet/Vue/link.md index a9f37df51a..6d070527dd 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/link.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/link.md @@ -70,7 +70,7 @@ There is an event named `beforeHyperlinkClick` which triggers only on clicking h ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/open-save.md b/Document-Processing/Excel/Spreadsheet/Vue/open-save.md index 18d52efa8d..e4d82402cf 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/open-save.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/open-save.md @@ -1188,7 +1188,7 @@ And also refer [this](https://help.syncfusion.com/document-processing/excel/spre ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/overview.md b/Document-Processing/Excel/Spreadsheet/Vue/overview.md index 170ba1d8b3..4a74042469 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/overview.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/overview.md @@ -9,7 +9,7 @@ documentation: ug # Overview of the Vue Spreadsheet Component -The [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) is an user interactive component to organize and analyze data in tabular format with configuration options for customization. It will load data by importing an Excel/CSV file or from local and remote data sources such as JSON, RESTful services, OData services, and more. The populated data can be exported as Excel with XLSX, XLS, CSV and PDF formats. +The [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) is a user interactive component to organize and analyze data in a tabular format with configuration options for customization. It loads data by importing an Excel or CSV file, or from local and remote data sources such as JSON, RESTful services, and OData services. The populated data can be exported to Excel (XLSX, XLS), CSV, and PDF formats. ![Vue Spreadsheet Component](./images/overview-banner.png) diff --git a/Document-Processing/Excel/Spreadsheet/Vue/performance-best-practices.md b/Document-Processing/Excel/Spreadsheet/Vue/performance-best-practices.md index 898c5e61fa..13976dcc12 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/performance-best-practices.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/performance-best-practices.md @@ -3,7 +3,7 @@ layout: post title: Performance practices in Vue Spreadsheet component | Syncfusion description: Learn here all about performance best practices in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. platform: document-processing -control: Performance +control: Spreadsheet documentation: ug --- @@ -21,22 +21,22 @@ This approach significantly reduces initial load time, DOM size, and memory usag For more details, refer to the [virtual scrolling documentation](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/scrolling#virtual-scrolling). -### Chunk response processing +### Chunk Response Processing -When opening large Excel files with extensive data and features, server responses can become too large—leading to memory issues or connection failures during transmission. The Chunk Response Processing feature addresses this by breaking the response into smaller chunks and sending them in parallel to the client. +When opening large Excel files with extensive data and features, the server response can become too large, leading to memory issues or connection failures during transmission. Chunk Response Processing breaks the response into smaller pieces and sends them in parallel to the client These chunks are combined on the client side to load the Excel data smoothly into the Spreadsheet. This approach avoids transmission failures due to memory constraints and ensures reliable and efficient loading of large files. To enable the chunk response processing feature, you can refer to the following UG section: * [Chunk Response Processing](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/open-save#chunk-response-processing) -### Configure JSON serialization options during open +### Configure JSON Serialization Options During Open -Serialization options in the Vue 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/vue/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 Vue 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/vue/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/vue/documentation/api/spreadsheet/#openfromjson) method. +* You're opening the `Workbook JSON object` in the Spreadsheet using the [`openFromJson`](https://ej2.syncfusion.com/vue/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: @@ -75,7 +75,7 @@ public IActionResult Open(IFormCollection openRequest) } ``` -### Optimize Excel open with parsing options +### Optimize Excel Open with Parsing Options To improve performance when opening large Excel files, use parsing options like `IgnoreStyle` and `IgnoreFormat` to skip unnecessary styles and formats. This reduces memory usage, speeds up loading, and minimizes JSON size—especially helpful for files with many styled but empty cells. @@ -84,7 +84,7 @@ To learn how to configure these parsing options, please refer to the UG section ## How to improve performance on formula calculation in Spreadsheet? -### Manual calculation mode +### Manual Calculation Mode Manual Calculation Mode in the Vue Spreadsheet is a performance optimization feature that allows you to delay formula recalculations until they are explicitly triggered. By default, the Spreadsheet automatically recalculates formulas whenever a dependent cell is edited or changed. While this behavior works well for small datasets, it can result in noticeable lag or UI freezing when working with large spreadsheets that contain many formulas or complex calculation chains. @@ -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/vue/documentation/api/spreadsheet/beforeSaveEventArgs/#isfullpost) property to **false** in the [`beforeSave`](https://helpej2.syncfusion.com/vue/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/vue/documentation/api/spreadsheet/beforeSaveEventArgs/#isfullpost) property to **false** in the [`beforeSave`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#beforesave) event of the Spreadsheet. The following code example shows how to set `isFullPost` to **false** in the Spreadsheet component: @@ -168,7 +168,7 @@ export default { }, methods: { beforeSave: function (args) { - args.isFullPost = false; + args.isFullPost = false; }, } } @@ -190,13 +190,13 @@ export default { {% endhighlight %} {% endtabs %} -### Configure JSON serialization options during save +### Configure JSON Serialization Options During Save -Serialization options in the Vue 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/vue/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 Vue 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/vue/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/vue/documentation/api/spreadsheet/#saveasjson) method in the Spreadsheet. +* You're saving the `Workbook JSON object` using the [`saveAsJson`](https://ej2.syncfusion.com/vue/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. @@ -207,7 +207,7 @@ Refer to the following UG section to learn how to configure these options: ## How to improve cell selection performance in Spreadsheet? -### Disabling aggregate calculation +### Disabling Aggregate Calculation When working with large datasets in the Vue 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. diff --git a/Document-Processing/Excel/Spreadsheet/Vue/protect-sheet.md b/Document-Processing/Excel/Spreadsheet/Vue/protect-sheet.md index 6a47a23486..cecdc3f158 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/protect-sheet.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/protect-sheet.md @@ -16,11 +16,11 @@ Sheet protection helps you to prevent the users from modifying the data in the s Protect sheet feature helps you to prevent the unknown users from accidentally changing, editing, moving, or deleting data in a spreadsheet. You can use the [`isProtected`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#isprotected) property to enable or disable the Protecting functionality. -> * The default value for `isProtected` property is `false`. +> * The default value of the `isProtected` property is `false`. By default in protected sheet, selecting, formatting, inserting, deleting functionalities are disabled. To enable some of the above said functionalities the `protectSettings` options are used in a protected spreadsheet. -The available `protectSettings` options in spreadsheet are, +The available `protectSettings` options are: | Options | Uses | |-----|------| @@ -38,7 +38,7 @@ By default, the `Protect Sheet` module is injected internally into the Spreadshe In the active Spreadsheet, the sheet protection can be done by any of the following ways: -* Select the Protect Sheet item in the Ribbon toolbar under the Data Tab, and then select your desired options. +* In the Ribbon toolbar, select the **Data** tab and then choose **Protect Sheet**, 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/vue/documentation/api/spreadsheet/#protectsheet) method programmatically. @@ -67,11 +67,11 @@ Unprotect sheet is used to enable all the functionalities that are already disab In the active Spreadsheet, the sheet Unprotection can be done by any of the following ways: -* Select the `Unprotect Sheet` item in the Ribbon toolbar under the Data Tab. +* In the Ribbon toolbar, select the **Data** tab and then choose **Unprotect Sheet**. * Right-click the sheet tab, select the `Unprotect Sheet` item in the context menu. * Use the [`unprotectSheet()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#unprotectsheet) method programmatically. -## Unlock the particular cells in the protected sheet +## Unlock specific cells in a protected sheet In protected spreadsheet, to make some particular cell or range of cells are editable, you can use [`lockCells()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#lockcells) method, with the parameter `range` and `isLocked` property as false. @@ -152,13 +152,13 @@ Protect workbook feature helps you to protect the workbook so that users cannot You can use the [`password`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#password) property to protect workbook with password. You can use the [`isProtected`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#isprotected) property to protect or unprotect the workbook without the password. -> The default value for `isProtected` property is `false`. +> The default value of the `isProtected` property is `false`. **User Interface**: 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/vue/documentation/api/spreadsheet/#isprotected) property in the Spreadsheet control. +The following example shows **Protect Workbook** using the [`isProtected`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#isprotected) property on the Spreadsheet control. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -171,7 +171,7 @@ The following example shows `Protect Workbook` by using the [`isProtected`](http {% previewsample "/document-processing/code-snippet/spreadsheet/vue/local-data-binding-cs4" %} -The following example shows `Protect Workbook` by using the [`password`](https://ej2.syncfusion.com/vue/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** using the [`password`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#password) property in the Spreadsheet control. To unprotect the workbook, click **Unprotect Workbook** in the data tab and provide the password as syncfusion® in the dialog box. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -200,7 +200,7 @@ In the active Spreadsheet, the workbook Unprotection can be done in any of the f ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/ribbon.md b/Document-Processing/Excel/Spreadsheet/Vue/ribbon.md index e235300c70..a6e015cc46 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/ribbon.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/ribbon.md @@ -9,11 +9,11 @@ documentation: ug # Ribbon in Vue Spreadsheet component -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. +The Ribbon in the Syncfusion Vue Spreadsheet component organizes spreadsheet features into a series of tabs. Click the expand or collapse icon to expand or collapse the ribbon toolbar dynamically. ## Ribbon Customization -You can customize the ribbon using the following methods, +You can customize the ribbon using the following methods. | Method | Action | |-------|---------| @@ -42,7 +42,7 @@ The following code example shows the usage of ribbon customization. ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/rows-and-columns.md b/Document-Processing/Excel/Spreadsheet/Vue/rows-and-columns.md index bbc5c334cf..aa9ed17a28 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/rows-and-columns.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/rows-and-columns.md @@ -9,7 +9,7 @@ documentation: ug # Rows and columns in Vue Spreadsheet component -Spreadsheet is a tabular format consisting of rows and columns. The intersection point of rows and columns are called as cells. The list of operations that you can perform in rows and columns are, +Spreadsheet is a tabular format consisting of rows and columns. The intersection of a row and a column is called a cell. The list of operations that you can perform in rows and columns are, * Insert * Delete @@ -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/vue/documentation/api/spreadsheet/#allowinsert) property to enable or disable the insert option in Spreadsheet. +You can insert rows or columns anywhere in the spreadsheet. Use the [`allowInsert`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#allowinsert) property to enable or disable the insert option in the Spreadsheet. The default value is `true`. ### Row The rows can be inserted in the following ways, -* Using [`insertRow`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insertrow) method, you can insert the rows once the component is loaded. +* Using [`insertRow`](https://ej2.syncfusion.com/vue/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/vue/documentation/api/spreadsheet/#insertcolumn) method, you can insert the columns once the component is loaded. +* Using [`insertColumn`](https://ej2.syncfusion.com/vue/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. 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/vue/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/vue/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/vue/documentation/api/spreadsheet/#delete) method, you can delete the loaded rows and columns. +* Using [`delete`](https://ej2.syncfusion.com/vue/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. @@ -96,7 +96,7 @@ You can show or hide the rows and columns in the spreadsheet through property bi ### Row -The rows can be hidden or shown through the following ways, +The rows can be hidden or shown in the following ways: * Using `hidden` property in row, you can hide/show the rows at initial load. * Using `hideRow` method, you can hide the rows by specifying the start and end row index, set the last argument `hide` as `false` to unhide the hidden rows. @@ -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 in 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. @@ -125,18 +125,18 @@ 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/vue/documentation/api/spreadsheet/#setrowsheight) and [setColumnsWidth](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#setcolumnswidth) methods. +You can change the size of rows and columns in the spreadsheet by using [`setRowsHeight`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#setrowsheight) and [`setColumnsWidth`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#setcolumnswidth) methods. ### Row -You can change the height of single or multiple rows by using the [setRowsHeight](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#setrowsheight) method. +You can change the height of single or multiple rows by using the [`setRowsHeight`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#setrowsheight) method. -You can provide the following type of ranges to the method: +You can provide the following types of ranges to the method: * Single row range: `['2:2']` * Multiple rows range: `['1:100']` * Multiple rows with discontinuous range: `['1:10', '15:25', '30:40']` -* Multiple rows with different sheets: `[Sheet1!1:50, 'Sheet2!1:50', 'Sheet3!1:50']` +* Multiple rows with different sheets: `['Sheet1!1:50', 'Sheet2!1:50', 'Sheet3!1:50']` The following code example shows how to change the height for single/multiple rows in the spreadsheet. @@ -153,14 +153,14 @@ 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/vue/documentation/api/spreadsheet/#setcolumnswidth) method. +You can change the width of single or multiple columns by using the [`setColumnsWidth`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#setcolumnswidth) method. You can provide the following type of ranges to the method: * Single column range: `['F:F']` * Multiple columns range: `['A:F']` * Multiple columns with discontinuous range: `['A:C', 'G:I', 'K:M']` -* Multiple columns with different sheets: `[Sheet1!A:H, 'Sheet2!A:H', 'Sheet3!A:H']` +* Multiple columns with different sheets: `['Sheet1!A:H', 'Sheet2!A:H', 'Sheet3!A:H']` The following code example shows how to change the width for single/multiple columns in the spreadsheet. @@ -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/vue/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/vue/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. @@ -194,7 +194,7 @@ The following code example shows how to change the text in the column headers. ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/scrolling.md b/Document-Processing/Excel/Spreadsheet/Vue/scrolling.md index 7b4c99255d..2bd49293cd 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/scrolling.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/scrolling.md @@ -20,13 +20,13 @@ You have the following options in Scrolling by using [`scrollSettings`](https:// ## Finite Scrolling -Finite scrolling supports two type of modes in scrolling. You can use the [`isFinite`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/scrollSettings/#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#scrollsettings) to specify the mode of scrolling. +Finite scrolling supports two types of modes. You can use the [`isFinite`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/scrollSettings/#isfinite) property in [`scrollSettings`](https://ej2.syncfusion.com/vue/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/vue/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/vue/documentation/api/spreadsheet/scrollSettings/#isfinite) property as `false`. -> By Default, the `isFinite` property is `false`. +> By default, the `isFinite` property is `false`. ## Virtual Scrolling @@ -34,7 +34,7 @@ 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**: @@ -46,7 +46,7 @@ You can scroll through the worksheet using one of the following ways, ## 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/vue/documentation/api/spreadsheet/#sheets) property and set `isFinite` as true and `enableVirtualization` as false in `scrollSettings`. +To restrict scrolling to a fixed range, define `rowCount` and `colCount` in the [`sheets`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#sheets) property, set `isFinite` to `true`, and set `enableVirtualization` to `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. @@ -63,4 +63,4 @@ The following code example shows the finite scrolling with defined rows and colu ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. \ No newline at end of file +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. \ No newline at end of file diff --git a/Document-Processing/Excel/Spreadsheet/Vue/searching.md b/Document-Processing/Excel/Spreadsheet/Vue/searching.md index d7958265d4..521631c9b0 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/searching.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/searching.md @@ -59,8 +59,8 @@ Go to feature is used to navigate to a specific cell address in the sheet or wor * Select the Home tab in the Ribbon toolbar, and then select the Search icon. * Enter any value in the search textbox. -* Select the next (or) previous button to find the entered value in the spreadsheet. -* You can have more options to find values by selecting the more options in the search toolbar. +* Select the Next or Previous button to find the entered value in the spreadsheet. +* Select the more options in the search toolbar to access additional search properties. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -79,4 +79,4 @@ Go to feature is used to navigate to a specific cell address in the sheet or wor ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. \ No newline at end of file +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. \ No newline at end of file diff --git a/Document-Processing/Excel/Spreadsheet/Vue/selection.md b/Document-Processing/Excel/Spreadsheet/Vue/selection.md index b3baf0b1f6..e13a758e9f 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/selection.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/selection.md @@ -9,11 +9,11 @@ documentation: ug # Selection in Vue Spreadsheet component -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/vue/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/vue/documentation/api/spreadsheet#selectionsettings). If you set `mode` to `None`, it disables the UI selection. -> * The default value for `mode` in `selectionSettings` is `Multiple`. +> * The default value for `mode` in `selectionSettings` is `Multiple`. -You have the following options in Selection, +Selection supports the following options: * Cell selection * Row selection @@ -21,15 +21,15 @@ 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/vue/documentation/api/spreadsheet/#selectrange) method. +Cell selection is used to select a single cell or a range of cells. Use the [`selectRange`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#selectrange) method to perform cell selection programmatically. **User Interface**: -* Click on a cell to select it (or) use the `arrow` keys to navigate to it and select it. -* To select a range, select a cell, then use the left mouse button to select and drag over to other cells (or) use the `Shift + arrow` keys to select the range. -* To select non-adjacent cells and cell ranges, hold `Ctrl` and select the cells. +* Click on a cell to select it, or use the arrow keys to navigate to and select it. +* To select a range, select a cell, then drag with the left mouse button over the range, or hold `Shift` and use the arrow keys. +* To select non-adjacent cells and cell ranges, hold `Ctrl` and select each cell or range. -You can quickly locate and select specific cells or ranges by entering their names or cell references in the Name box, which is located to the left of the formula bar, and also select named or unnamed cells or ranges by using the Go To (`Ctrl+G`) command. +You can quickly locate and select specific cells or ranges by entering their names or cell references in the Name box, located to the left of the formula bar. You can also select named or unnamed cells or ranges using the Go To (`Ctrl+G`) command. ## Row selection @@ -37,14 +37,14 @@ Row selection is used to select a single or multiple rows. **User Interface**: -You can perform row selection in any of the following ways, +You can perform row selection in any of the following ways: -* By clicking the row header. -* To select multiple rows, select a row header with the left mouse button and drag over to other row headers (or) use the `Shift + arrow` keys to select multiple rows. -* To select non-adjacent rows, hold `Ctrl` and select the row header. -* You can also use the `selectRange` method for row selection. +* Click the row header. +* To select multiple adjacent rows, click a row header and drag over other row headers, or hold `Shift` and use the arrow keys. +* To select non-adjacent rows, hold `Ctrl` and select each row header. +* Programmatically, you can use the `selectRange` method for row selection. -The following sample shows the row selection in the spreadsheet, here selecting the 5th row using the `selectRange` method. +The following sample shows row selection in the spreadsheet, selecting the 5th row using the `selectRange` method. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -63,14 +63,14 @@ Column selection is used to select a single or multiple columns. **User Interface**: -You can perform column selection in any of the following ways, +You can perform column selection in any of the following ways: -* By clicking the column header. -* To select multiple columns, select a column header with the left mouse button and drag over to other column headers (or) use the `Shift + arrow` keys to select the multiple columns. -* To select non-adjacent columns, hold `Ctrl` and select the column header. -* You can also use the `selectRange` method for row selection. +* Click the column header. +* To select multiple adjacent columns, click a column header and drag over other column headers, or hold `Shift` and use the arrow keys. +* To select non-adjacent columns, hold `Ctrl` and select each column header. +* Programmatically, you can use the `selectRange` method for row selection. -The following sample shows the column selection in the spreadsheet, here selecting the 3rd column using the `selectRange` method. +The following sample shows column selection in the spreadsheet, selecting the 3rd column using the `selectRange` method. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -85,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/vue/documentation/api/spreadsheet/#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://helpej2.syncfusion.com/vue/documentation/api/spreadsheet/#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://helpej2.syncfusion.com/vue/documentation/api/spreadsheet/#getdata) method. +You can select single or multiple cells, rows, or columns using mouse and keyboard interactions. You can also perform selections programmatically using the [selectRange](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#selectrange) method. This selection behavior is controlled by the [selectionSettings](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#selectionsettings) property. Finally, you can retrieve the selected cell values as a collection using the [getData](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#getdata) method. Below is a code example demonstrating how to retrieve the selected cell values as a collection programmatically: @@ -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/vue/documentation/api/spreadsheet/#selectionsettings) to disable's the UI selection. +The following sample shows how to disable the selection in the spreadsheet. Setting `mode` to `None` in [`selectionSettings`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#selectionsettings) disables the UI selection. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -117,8 +117,8 @@ The following sample shows, how to remove the selection in the spreadsheet. Here ## Limitations -* We have a limitation while performing the Select All(`ctrl + A`). You can do this only by clicking the Select All button at the top left corner. +* The `Ctrl+A` shortcut does not select all cells. To select all cells, click the Select All button at the top-left corner of the sheet. ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. \ No newline at end of file +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. \ No newline at end of file diff --git a/Document-Processing/Excel/Spreadsheet/Vue/sort.md b/Document-Processing/Excel/Spreadsheet/Vue/sort.md index 47c5013077..256411aa6c 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/sort.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/sort.md @@ -9,7 +9,7 @@ documentation: ug # Sort in Vue Spreadsheet component -Sorting helps arranging the data to a specific order in a selected range of cells. You can use the [`allowSorting`](https://ej2.syncfusion.com/vue/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. Use the [`allowSorting`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#allowsorting) property to enable or disable sorting functionality. > * The default value for `allowSorting` property is `true`. @@ -92,7 +92,7 @@ When you want to perform sorting on multiple columns, it can be done by any of t ### Custom sort dialog -The custom sort dialog helps sorting multiple columns in the selected range by utilizing the rich UI. This dialog will be appeared while choosing the `Custom sort…` from the Ribbon item or context menu item. By default, sort criteria with the first column name from the selected range will be appeared in the dialog on initial load and it cannot be removed. +The custom sort dialog sorts multiple columns in the selected range by utilizing the rich UI. This dialog appears when you choose the `Custom sort…` item from the Ribbon or context menu. By default, the first column name from the selected range appears in the dialog on initial load and it cannot be removed. 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. @@ -100,7 +100,7 @@ You can refer to the [`Data contains header`](./sort/#data-contains-header) topi ### 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: +The multi-column sorting can also be performed manually by passing sort options to the `sort()` method programmatically. The `sortOption` has the following arguments: * [`sortDescriptors`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#sortdescriptors) – Sort criteria collection that holds the collection of field name, sort order, and [`sortComparer`](https://ej2.syncfusion.com/vue/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. @@ -161,7 +161,7 @@ The following errors have been handled for sorting, ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/suspend-resume.md b/Document-Processing/Excel/Spreadsheet/Vue/suspend-resume.md index d37ecb1caf..6a986f4533 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/suspend-resume.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/suspend-resume.md @@ -78,7 +78,7 @@ Suspends visual updates in the Spreadsheet. Resumes visual updates and applies all pending changes. **Behavior:** -- Applies all operations performed after `suspendRefresh` +- Applies all operations performed between `suspendRefresh` and `resumeRefresh` - Refreshes the Spreadsheet UI once - Improves rendering efficiency for bulk operations @@ -120,7 +120,7 @@ The following types of operations can be performed between `suspendRefresh` and - Use suspend and resume UI refresh when multiple operations are executed together. - Avoid using it for few or simple operations. -- Useful during initialization and large data updates. +- This feature is useful during initialization and large data updates. - Data and model changes are processed during the suspended state; only visual refresh is delayed. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/template.md b/Document-Processing/Excel/Spreadsheet/Vue/template.md index 07b59d8a89..4e9db63ef7 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/template.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/template.md @@ -2,7 +2,7 @@ layout: post title: Template in Vue Spreadsheet component | Syncfusion description: Learn here all about Template in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. -control: Template +control: Template platform: document-processing documentation: ug --- @@ -161,7 +161,7 @@ Sample link: [`Cell template`](https://document.syncfusion.com/demos/spreadsheet ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/undo-redo.md b/Document-Processing/Excel/Spreadsheet/Vue/undo-redo.md index 7c55d9a6c3..5112de1dd0 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/undo-redo.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/undo-redo.md @@ -2,7 +2,7 @@ layout: post title: Undo redo in Vue Spreadsheet component | Syncfusion description: Learn here all about Undo redo in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. -control: Undo redo +control: Undo redo platform: document-processing documentation: ug --- @@ -11,7 +11,7 @@ documentation: ug `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/vue/documentation/api/spreadsheet/#allowundoredo) property to enable or disable undo redo functionality in spreadsheet. -> * The default value for `allowUndoRedo` property is `true`. +> * The default value of the `allowUndoRedo` property is `true`. By default, the `UndoRedo` module is injected internally into Spreadsheet to perform undo redo. @@ -19,7 +19,7 @@ By default, the `UndoRedo` module is injected internally into Spreadsheet to per It reverses the last action you performed with Spreadsheet. Undo can be done by any of the following ways: -* Select the undo item from HOME tab in Ribbon toolbar. +* Select the **Undo** item from the **HOME** tab in the Ribbon toolbar. * Use `Ctrl + Z` keyboard shortcut to perform the undo. * Use the [`undo`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#undo) method programmatically. @@ -27,7 +27,7 @@ It reverses the last action you performed with Spreadsheet. Undo can be done by It reverses the last undo action you performed with Spreadsheet. Redo can be done by any of the following ways: -* Select the redo item from HOME tab in Ribbon toolbar. +* Select the **Redo** item from the **HOME** tab in the Ribbon toolbar. * Use `Ctrl + Y` keyboard shortcut to perform the redo. * Use the [`redo`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#redo) method programmatically. @@ -50,7 +50,7 @@ The following code example shows `How to update and customize your own actions f ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also diff --git a/Document-Processing/Excel/Spreadsheet/Vue/worksheet.md b/Document-Processing/Excel/Spreadsheet/Vue/worksheet.md index 6c5dd7ac82..d22ff8cf61 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/worksheet.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/worksheet.md @@ -2,7 +2,7 @@ layout: post title: Worksheet in Vue Spreadsheet component | Syncfusion description: Learn here all about Worksheet in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. -control: Worksheet +control: Spreadsheet platform: document-processing documentation: ug --- @@ -13,7 +13,7 @@ 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 one of 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. @@ -34,7 +34,7 @@ The following code example shows the insert sheet operation in 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/vue/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/vue/documentation/api/spreadsheet/#goto) method. +Using the [insertSheet](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#insertsheet) method, you can insert one or more sheets at the desired index. Then, you can make the inserted sheet the active sheet by focusing the start cell of that sheet using the [goTo](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#goto) method. The following code example shows how to insert a sheet programmatically and make it the active sheet. @@ -51,30 +51,30 @@ The following code example shows how to insert a sheet programmatically and make ## Delete sheet -The Spreadsheet has support for removing an existing worksheet. You can dynamically delete the existing sheet by the following way, +The Spreadsheet has support for removing an existing worksheet. You can dynamically delete the existing sheet in one of the following ways: -* Right-click on the sheet tab, and then select `Delete` option from context menu. -* Using [`delete`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#delete ) method to delete the sheets. +* Right-click on the sheet tab, and then select the `Delete` option from the context menu. +* Use the [`delete`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#delete) method to delete the sheets. ## Rename sheet -You can dynamically rename an existing worksheet in the following way, +You can dynamically rename an existing worksheet in one of the following ways: -* Right-click on the sheet tab, and then select `Rename` option from the context menu. +* Right-click on the sheet tab, and then select the `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 one of 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. +* Switch to the `View` tab, and then select the `Hide Headers` option to hide both the row and column headers. +* Set the `showHeaders` property of a sheet to `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 appear as cell borders. They are used to distinguish cells on the worksheet. You can dynamically show or hide gridlines in one of 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. +* Switch to the `View` tab, and then select the `Hide Gridlines` option to hide the gridlines in the worksheet. +* Set the `showGridLines` property of a sheet to `true` or `false` to show or hide the gridlines at initial load. By default, the `showGridLines` property is enabled in each worksheet. The following code example shows the headers and gridlines operation in spreadsheet. @@ -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, like Microsoft Excel: | State | Description | |-------|---------| @@ -116,7 +116,7 @@ The following code example shows the three types of sheet visibility state. ## Note -You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to knows how to present and manipulate data. +You can refer to our [Vue Spreadsheet Editor](https://www.syncfusion.com/spreadsheet-editor-sdk/vue-spreadsheet-editor) feature tour page for its groundbreaking feature representations. ## See Also