From da372b10441c9115f2538b4994a5ca80d8b207f3 Mon Sep 17 00:00:00 2001 From: RahulRavikumar Date: Thu, 23 Jul 2026 17:00:34 +0530 Subject: [PATCH 1/5] 1043242: Enhanced Documentation Quality in Vue Platform --- .../Excel/Spreadsheet/Vue/editing.md | 22 ++++---- .../Excel/Spreadsheet/Vue/feature-list.md | 14 ++--- .../Excel/Spreadsheet/Vue/filter.md | 23 ++++---- .../Excel/Spreadsheet/Vue/formatting.md | 39 +++++++------- .../Excel/Spreadsheet/Vue/formulas.md | 27 +++++----- .../Excel/Spreadsheet/Vue/freeze-pane.md | 2 +- .../Excel/Spreadsheet/Vue/global-local.md | 16 +++--- .../Excel/Spreadsheet/Vue/illustrations.md | 20 +++---- .../Spreadsheet/Vue/keyboard-shortcuts.md | 6 +-- .../Excel/Spreadsheet/Vue/link.md | 6 +-- .../Excel/Spreadsheet/Vue/notes.md | 10 ++-- .../Excel/Spreadsheet/Vue/open-save.md | 54 +++++++++---------- 12 files changed, 120 insertions(+), 119 deletions(-) diff --git a/Document-Processing/Excel/Spreadsheet/Vue/editing.md b/Document-Processing/Excel/Spreadsheet/Vue/editing.md index fcd9431722..ab9e8dbe71 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/editing.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/editing.md @@ -2,7 +2,7 @@ layout: post title: Editing in Vue Spreadsheet component | Syncfusion description: Learn here all about Editing in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. -control: Editing +control: Spreadsheet platform: document-processing documentation: ug --- @@ -13,28 +13,28 @@ 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. +* Double-click a cell to enter edit mode. * Press `F2` key to edit the active cell. -* Use formula bar to perform editing. +* Use the 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/vue/documentation/api/spreadsheet/#startedit) method. +* Use the [`startEdit`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#startedit) method. ## Save cell -If the cell is in editable state, you can save the edited cell by one of the following ways, +If a cell is in edit mode, you can save the edited cell by one of the following ways: -* Perform mouse click on any other cell rather than the current editing cell. +* Perform a mouse click on any other cell other than the currently editing cell. * Press `Enter` or `Tab` keys to save the edited cell content. -* Using the [`endEdit`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#endedit) method. +* Use the [`endEdit`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#endedit) method. ## 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/vue/documentation/api/spreadsheet/#closeedit) method. +* Press `Escape` key to exit edit mode and restore the unchanged cell content. +* Use the [`closeEdit`](https://ej2.syncfusion.com/vue/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/vue/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/vue/documentation/api/spreadsheet/#beforecellsave) and use [`closeEdit`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#closeedit) method in spreadsheet. diff --git a/Document-Processing/Excel/Spreadsheet/Vue/feature-list.md b/Document-Processing/Excel/Spreadsheet/Vue/feature-list.md index 9accbfa298..6d0896bac9 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/feature-list.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/feature-list.md @@ -7,7 +7,7 @@ platform: document-processing documentation: ug --- -# Feature list in Vue Spreadsheet component +# Feature list in Vue Spreadsheet Component The following table compares Excel functionality with the availability of EJ1 and EJ2 Spreadsheet features. @@ -16,7 +16,7 @@ The following table compares Excel functionality with the availability of EJ1 an | Ribbon | Yes | Yes | - | | Formula bar | Yes | Yes | - | | Sheet tab | Yes | Yes | - | -| Show / Hide gridlines and header | Yes | Yes | - | +| Show/Hide gridlines and header | Yes | Yes | - | | Scrolling | Partially | Yes | - | | Selection | Yes | Yes | - | | Editing | Yes | Yes | - | @@ -30,16 +30,16 @@ The following table compares Excel functionality with the availability of EJ1 an | Sorting | Yes | Yes | - | | Filtering | Yes | Yes | - | | Hyperlink | Yes | Yes | - | -| Undo & redo | Yes | Yes | - | +| Undo/redo | Yes | Yes | - | | Open and Save | Yes | Yes | - | -| Resize / Autofit | Yes | Yes | - | +| Resize/Autofit | Yes | Yes | - | | Clipboard | Yes | Yes | - | | Collaborative editing | No | Yes | - | | Wrap text | Yes | Yes | - | | Template | No | Yes | - | | Merge cells | Yes | Yes | - | -| Show / Hide rows and columns | Yes | Yes | - | -| Sheet customizations | Yes | Partially | Move or copy sheet is not supported in EJ2 spreadsheet. | +| Show/Hide rows and columns | Yes | Yes | - | +| Sheet customizations | Yes | Partially | Move or copy sheet is not supported in EJ2 Spreadsheet. | | Data Validation | Yes | Yes | - | | Table | Yes | No | - | | Chart | Yes | Yes | - | @@ -52,7 +52,7 @@ The following table compares Excel functionality with the availability of EJ1 an | Autofill | Yes | No | - | | Auto Sum | Yes | Yes | - | | Format painter | Yes | No | - | -| Cell Style | Yes | Partially | We can only customize the cell style in EJ2 Spreadsheet through API. | +| Cell Style | Yes | Partially | Cell style in EJ2 Spreadsheet can be customized only through the API. | | Protection | Yes | Partially | Custom encryption is not supported in EJ2 Spreadsheet's protect workbook. | | Find and replace | Yes | Yes | - | | Drag and Drop | Yes | No | - | diff --git a/Document-Processing/Excel/Spreadsheet/Vue/filter.md b/Document-Processing/Excel/Spreadsheet/Vue/filter.md index f8ed97c380..97693afe98 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/filter.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/filter.md @@ -19,8 +19,8 @@ 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. +* Select the `Filter` item in the Ribbon toolbar. +* Right-click the sheet and select the `Filter` item in the context menu. * Use the [`applyFilter()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#applyfilter) method programmatically. * Use `Ctrl + Shift + L` keyboard shortcut to apply the filter. @@ -52,31 +52,30 @@ 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. - -* Use the [`clearFilter()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#clearfilter) method programmatically, to clear the applied filters in spreadsheet for all fields. +* Choose `Clear` in the Ribbon toolbar under `Filter and Sort`. This clears the filters applied in the spreadsheet for all fields. +* Use the [`clearFilter()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#clearfilter) method programmatically to clear the applied filters in the spreadsheet for all fields. ## Clear filter on a field 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. +* Click the filter icon in the column’s header and then choose `Clear Filter` option from the filter dialog. +* Right-click a filtered column cell and choose `Clear Filter from .` option from the context menu. * Use the [`clearFilter(field)`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#clearfilter) method programmatically, to clear the filter in a particular column. ## Reapply filter -When you want to reapply the filter after some changes happened in the rows. It can be done in the following ways, +When you want to reapply the filter after changes have been made to the rows, It can be done in the following ways, -* You can choose `Reapply` option in ribbon toolbar under `Filter and Sort` to reapply the filtered columns again. -* You can right-click on a filtered cell and choose `Reapply` option from the context menu. It reapplies the filters again in the Spreadsheet for all the fields. +* Choose `Reapply` option in ribbon toolbar under `Filter and Sort` to reapply the filtered columns. +* Right-click a filtered cell and choose `Reapply` from the context menu. This reapplies the filters in the Spreadsheet for all fields. ## Known error validations The following errors have been handled for filtering, -* *Out of range validation:* When the selected range is not a used range of the active sheet, it is considered as invalid and the out of range alert with the message `Select a cell or range inside the used range and try again` will be displayed. No filter will be performed if the range is invalid. +* *Out of range validation:* When the selected range is not within the used range of the active sheet, it is considered invalid and the out-of-range alert with the message `Select a cell or range inside the used range and try again` is displayed. No filter is performed if the range is invalid. ## Get data from filtered rows diff --git a/Document-Processing/Excel/Spreadsheet/Vue/formatting.md b/Document-Processing/Excel/Spreadsheet/Vue/formatting.md index 12b1679b2d..72dac615c6 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/formatting.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/formatting.md @@ -9,7 +9,8 @@ documentation: ug # Formatting in Vue Spreadsheet component -Formatting options make your data easier to view and understand. The different types of formatting options in the Spreadsheet are, +Formatting options make your data easier to view and understand. The Spreadsheet supports the following types of formatting: + * Number Formatting * Text Formatting * Cell Formatting @@ -18,7 +19,7 @@ Formatting options make your data easier to view and understand. The different t ## Number Formatting -Number formatting provides a type for your data in the Spreadsheet. Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The different types of number formatting supported in Spreadsheet are, +Number formatting provides a type for your data in the Spreadsheet. Use the [`allowNumberFormatting`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#allownumberformatting) property to enable or disable the number formatting option in the Spreadsheet. The default value of `allowNumberFormatting` is `true`. The types of number formatting supported in the Spreadsheet are: | Types | Format Code | Format ID | |---------|---------|---------| @@ -34,10 +35,10 @@ Number formatting provides a type for your data in the Spreadsheet. Use the [`al | Scientific |`0.00E+00` | 11 | | Text | `@` | 49 | -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/vue/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. +Number formatting can be applied in the following ways: +* Set the `format` property on a `cell` to apply a format to each cell at initial load. +* Use the [`numberFormat`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#numberformat) method to set the number format on a cell or range of cells. +* Select the number format option from the ribbon toolbar. The following code example shows the number formatting in cell data. @@ -64,7 +65,7 @@ The spreadsheet allows customization of formats in the custom format dialog usin Compared to Excel, the date, time, currency, and accounting formats vary across different cultures. For example, when an Excel file with the date format `'m/d/yyyy'` is imported in the `en-US` culture, the spreadsheet displays the date in that format. However, when the same file is imported in the German culture, the date format changes to `'dd.MM.yyyy'`, which is the default for that region. The default number format ID for the date is 14. To customize the date format based on the culture, you should map the default number format ID to the appropriate culture-specific format code, like this: `{ id: 14, code: 'dd.MM.yyyy' }` in the `configureLocalizedFormat` method. -> The format code should use the default decimal separator (.) and group separator (,). +> The format code should use the default decimal separator (`.`) and group separator (`,`). The code below illustrates how culture-based format codes are mapped to their corresponding number format ID for the `German (de)` culture. @@ -123,19 +124,19 @@ Various font formats supported in the spreadsheet are font-family, font-size, bo ### 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` and `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, change the indentation of a cell's content using the `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, apply a background color using the `backgroundColor` property. ### Borders -You can add borders around a cell or range of cells to define a section of worksheet or a table. The different types of border options available in the spreadsheet are, +You can add borders around a cell or range of cells to define a section of a worksheet or a table. The border options available in the Spreadsheet are: | Types | Actions | |-------|---------| @@ -144,13 +145,13 @@ You can add borders around a cell or range of cells to define a section of works | Right Border | Specifies the right border of a cell or range of cells.| | Bottom Border | Specifies the bottom border of a cell or range of cells.| | No Border | Used to clear the border from a cell or range of cells.| -| All Border | Specifies all border of a cell or range of cells.| +| All Border | Specifies all borders of a cell or range of cells.| | Horizontal Border | Specifies the top and bottom border of a cell or range of cells.| | Vertical Border | Specifies the left and right border of a cell or range of cells.| | Outside Border | Specifies the outside border of a range of cells.| | Inside Border | Specifies the inside border of a range of cells.| -You can also change the color, size, and style of the border. The size and style supported in the spreadsheet are, +You can also change the color, size, and style of the border. The size and style supported in the Spreadsheet are: | Types | Actions | |-------|---------| @@ -195,7 +196,7 @@ Conditional formatting helps you to format a cell or range of cells based on the ### Apply Conditional Formatting -You can apply conditional formatting by using one of the following ways, +You can apply conditional formatting by using one of the following ways: * Select the conditional formatting icon in the Ribbon toolbar under the Home Tab. * Using the [`conditionalFormat()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#conditionalformat) method to define the condition. @@ -245,7 +246,7 @@ The following options can be given for the color scales as type, ### Icon Sets -Icon sets will help you to visually represent your data with icons. Every icon represents a range of values. In the Three Arrows(colored) icon, the green arrow icon represents the values greater than 67%, the yellow arrow icon represents the values between 33% to 67%, and the red arrow icon represents the values less than 33%. +Icon sets will help you to visually represent your data with icons. Every icon represents a range of values. In the Three Arrows (colored) icon, the green arrow icon represents values greater than 67%, the yellow arrow icon represents values from 33% to 67%, and the red arrow icon represents values less than 33%. The following options can be given for the icon sets as type, @@ -261,10 +262,10 @@ In the MAY and JUN columns, we have applied conditional formatting custom format ### Clear Rules -You can clear the defined rules by using one of the following ways, +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 [`clearConditionalFormat()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#clearconditionalformat) method to clear the defined rules. +* Use the **Clear Rules** option in the **Conditional Formatting** button of the **Home** tab in the ribbon to clear the rule from the selected cells. +* Use the [`clearConditionalFormat()`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet#clearconditionalformat) method to clear the defined rules. {% tabs %} {% highlight html tabtitle="Composition API (~/src/App.vue)" %} @@ -310,7 +311,7 @@ To apply these formats, use the `verticalAlign` property within the style of a r You can apply subscript and superscript formatting in the following ways: -1. Select the desired portion of text within a cell, then click the Subscript or Superscript option in the ribbon to apply the formatting. +1. Select the desired portion of text within a cell, then click the **Subscript** or **Superscript** option in the **Home** tab of the ribbon to apply the formatting. ![Subscript and superscript in Spreadsheet](./images/spreadsheet_richtext.gif) diff --git a/Document-Processing/Excel/Spreadsheet/Vue/formulas.md b/Document-Processing/Excel/Spreadsheet/Vue/formulas.md index 92086f1520..c0d5c24fca 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/formulas.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/formulas.md @@ -2,14 +2,14 @@ layout: post title: Formulas in Vue Spreadsheet component | Syncfusion description: Learn here all about Formulas in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. -control: Formulas +control: Formulas platform: document-processing documentation: ug --- # Formulas in Vue Spreadsheet component -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 to calculate the data in a worksheet. You can refer to a cell reference from the same sheet or from different sheets. ## Usage @@ -17,12 +17,12 @@ 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 formula for a cell by [`editing`](./editing). +* You can set a formula for a cell using [`editing`](./editing). * Using the [`updateCell`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#updatecell) method, you can set or update the cell formula. ## Culture-Based Argument Separator -Previously, although you could import culture-based Excel files into the Spreadsheet component, the formulas wouldn't calculate correctly. This was due to the absence of culture-based argument separators and support for culture-based formatted numeric values as arguments. However, starting from version 25.1.35, you can now import culture-based Excel files into the Spreadsheet component. +Previously, although you could import culture-based Excel files into the Spreadsheet component, the formulas did not calculate correctly. This was due to the absence of culture-based argument separators and support for culture-based formatted numeric values as arguments. However, starting from version 25.1.35, you can now import culture-based Excel files into the Spreadsheet component. > Before importing culture-based Excel files, ensure that the Spreadsheet component is rendered with the corresponding culture. Additionally, launch the import/export services with the same culture to ensure compatibility. @@ -43,9 +43,9 @@ In the example below, the Spreadsheet component is rendered with the `German cul ## Create User Defined Functions / Custom Functions -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/vue/formulas#supported-formulas). +The Spreadsheet includes several built-in formulas. For your convenience, a list of supported formulas can be found [here](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/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/vue/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/vue/documentation/api/spreadsheet/#addcustomfunction) function. Remember that you must define a user-defined/custom formula whose result returns 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. @@ -60,7 +60,7 @@ The following code example shows an unsupported formula in the spreadsheet. {% previewsample "/document-processing/code-snippet/spreadsheet/vue/formula-cs1" %} -Second, if you want to directly compute any formula or expression, you can use the [computeExpression](https://ej2.syncfusion.com/vue/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/vue/documentation/api/spreadsheet/#computeexpression) method. This method works for both built-in and user-defined/custom formulas. The following code example shows how to use `computeExpression` method in the spreadsheet. @@ -81,7 +81,7 @@ Formula bar is used to edit or enter cell data in much easier way. By default, t ## 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, +You can define a meaningful name for a cell range and use it in the formula for calculation. This 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/vue/documentation/api/spreadsheet/#definednames) collection, you can add multiple named ranges at initial load. * Use the [`addDefinedName`](https://ej2.syncfusion.com/vue/documentation/api/spreadsheet/#adddefinedname) method to add a named range dynamically. @@ -108,7 +108,7 @@ 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/vue/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/vue/documentation/api/spreadsheet/#calculationmode) property of the Spreadsheet. These modes let you balance real-time updates with performance optimization. ### Automatic Mode @@ -133,7 +133,7 @@ The following code example demonstrates how to set the Automatic calculation mod In Manual Mode, formulas are not recalculated automatically when cell values are modified. Instead, recalculations must be triggered explicitly. This mode is ideal for scenarios where performance optimization is a priority, such as working with large datasets or computationally intensive formulas. -For example, imagine a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, the value in `C1` will not update automatically. Instead, the recalculation must be initiated manually using either the `Calculate Sheet` or `Calculate Workbook` option. To manually initiate recalculation, the Spreadsheet provides two options: +For example, imagine a spreadsheet where cell `C1` contains the formula `=A1+B1`. When the value in `A1` or `B1` changes, the value in `C1` will not update automatically. Instead, the recalculation must be triggered manually using either the `Calculate Sheet` or `Calculate Workbook` option. To manually trigger recalculation, the Spreadsheet provides two options: * `Calculate Sheet`: Recalculates formulas for the active sheet only. * `Calculate Workbook`: Recalculates formulas across all sheets in the workbook. @@ -153,7 +153,7 @@ The following code example demonstrates how to set the Manual calculation mode i ## Supported Formulas -The list of supported formulas can be find in following [`link`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es6/formulas#supported-formulas). +The list of supported formulas can be found at the following [`link`](https://help.syncfusion.com/document-processing/excel/spreadsheet/vue/formulas#supported-formulas). ## Formula Error Dialog @@ -175,11 +175,10 @@ 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. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to see how to present and manipulate data. ## See Also +* [Open and Save](./open-save) * [Editing](./editing) * [Formatting](./formatting) -* [Open](./open-save) -* [Save](./open-save) diff --git a/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md b/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md index c7e6e44822..70d3906274 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/freeze-pane.md @@ -2,7 +2,7 @@ layout: post title: Freeze pane in Vue Spreadsheet component | Syncfusion description: Learn here all about Freeze pane in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. -control: Freeze pane +control: Freeze pane platform: document-processing documentation: ug --- diff --git a/Document-Processing/Excel/Spreadsheet/Vue/global-local.md b/Document-Processing/Excel/Spreadsheet/Vue/global-local.md index bcb64f6b46..d40ea8c6c9 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/global-local.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/global-local.md @@ -11,8 +11,8 @@ documentation: ug ## Localization -The [`Localization`](https://ej2.syncfusion.com/vue/documentation/common/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/vue/documentation/api/spreadsheet/#locale) value and translation object. +The [`Localization`](https://ej2.syncfusion.com/vue/documentation/common/localization) library allows you to localize the default text content of the Spreadsheet. The Spreadsheet contains static text for 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/vue/documentation/api/spreadsheet/#locale) value and a translation object. The following list of properties and their values are used in the Spreadsheet. @@ -137,7 +137,7 @@ RADIANS | Converts degrees into radians. MATCH | Returns the relative position of a specified value in the given range. DefineNameExists | This name already exists try a different name. CircularReference | When a formula refers to one or more circular references this may result in an incorrect calculation. -ShowRowsWhere | Show rows where | +ShowRowsWhere | Show rows where CustomFilterDatePlaceHolder | Choose a date CustomFilterPlaceHolder | Enter the value CustomFilter | Custom Filter @@ -190,19 +190,19 @@ UnprotectSheet | Unprotect Sheet SelectCells | Select cells FormatCells | Format cells FormatRows | Format rows -Format Columns | Format columns +FormatColumns | Format columns InsertLinks | Insert links ProtectContent | Protect the contents of locked cells -ProtectAllowUser | Allow all users of this worksheet to | +ProtectAllowUser | Allow all users of this worksheet to EditAlert | The cell you're trying to change is protected. To make a change, unprotect the sheet. FindReplaceTooltip | Find & Replace InsertingEmptyValue | Reference value is not valid. -ByRow | By Row +ByRow | By Row ByColumn | By Column MatchExactCellElements | Match Exact Cell Contents EntercellAddress | Enter Cell Address FindAndReplace | Find and Replace -ReplaceAllEnd | matches replaced with. +ReplaceAllEnd | matches replaced with. FindNextBtn | Find Next FindPreviousBtn | Find Previous ReplaceBtn | Replace @@ -394,7 +394,7 @@ The following example demonstrates the Spreadsheet in `French` culture. In the b ## Internationalization -The Internationalization library is used to globalize number, date, and time values in the spreadsheet component. +The Internationalization library is used to globalize number, date, and time values in the Spreadsheet component. The following example demonstrates the Spreadsheet in French [ `fr-CH`] culture. In the below sample we have globalized the Date(Date column), Time(Time column), and Currency(Amount column) formats. diff --git a/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md b/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md index efb7e0d4f1..5bd6820fb2 100644 --- a/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md +++ b/Document-Processing/Excel/Spreadsheet/Vue/illustrations.md @@ -2,7 +2,7 @@ layout: post title: Illustrations in Vue Spreadsheet component | Syncfusion description: Learn here all about Illustrations in Syncfusion Vue Spreadsheet component of Syncfusion Essential JS 2 and more. -control: Illustrations +control: Spreadsheet platform: document-processing documentation: ug --- @@ -13,7 +13,7 @@ Illustrations help you to insert an image, shapes, and graphic objects in the Es ## Image -Adding images to a spreadsheet can enhance the visual appeal and help to convey information more clearly. +Adding images to a spreadsheet can enhance visual appeal and convey information more clearly. >* The default value for the `allowImage` property is `true`. @@ -83,8 +83,8 @@ Image feature allows you to view and insert an image in a spreadsheet, and you c The following features have some limitations in Image: -* Corner resizing option in the image element. -* Copy and paste the external image. +* Corner resizing option in the image element is not supported. +* Copying and pasting external images is not supported. ## Chart @@ -183,17 +183,19 @@ Using the [`actionBegin`](https://ej2.syncfusion.com/vue/documentation/api/sprea ### Limitations of Chart -The following features have some limitations in the Chart: - -* Insert row/delete row between the chart data source will not reflect the chart. +The folling or deleting rows within the chart's data range does not update the chart. +* Copy/paste operations within the chart's data range do not update the chart. +* Corner-based resizing of the chart element is not supported data source will not reflect the chart. * Copy/paste into the chart data source will not reflect the chart. -* Corner resizing option in chart element. +* Corner resizing option in chart element.to explore its feature showcase. You can also explore our [Vue Spreadsheet example](https://document.syncfusion.com/demos/spreadsheet-editor/vue/#/tailwind3/spreadsheet/default.html) to learn how to present and manipulate data. + +>* This page documents the Vue Spreadsheet component. The Composition API examples use Vue 3's `