Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ Refer to the following code example for local data binding.

{% previewsample "/document-processing/code-snippet/spreadsheet/javascript-es5/data-binding-cs1" %}

> The local data source can also be provided as an instance of the [`DataManager`](https://helpej2.syncfusion.com/javascript/documentation/data). By default, [`DataManager`](https://helpej2.syncfusion.com/javascript/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/javascript/documentation/data/adaptors#json-adaptor) for local data-binding.
> The local data source can also be provided as an instance of the [`DataManager`](https://ej2.syncfusion.com/javascript/documentation/data). By default, [`DataManager`](https://ej2.syncfusion.com/javascript/documentation/data) uses [`JsonAdaptor`](https://ej2.syncfusion.com/javascript/documentation/data/adaptors#json-adaptor) for local data-binding.

### Customizing column data mapping

Expand All @@ -53,7 +53,7 @@ The following code example demonstrates how to customize the mapping of column d

## Remote data

To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://helpej2.syncfusion.com/javascript/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`.
To bind remote data to the Spreadsheet control, assign service data as an instance of [`DataManager`](https://ej2.syncfusion.com/javascript/documentation/data) to the `dataSource` property. To interact with remote data source, provide the service endpoint `url`.

Refer to the following code example for remote data binding.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ docker-compose up

Now the Spreadsheet server Docker instance runs on localhost with the provided port number `http://localhost:6002`. Open this link in a browser and navigate to the Spreadsheet Web API open and save service at `http://localhost:6002/api/spreadsheet/open` and `http://localhost:6002/api/spreadsheet/save`.

**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://helpej2.syncfusion.com/javascript/documentation/api/spreadsheet#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es5/getting-started)
**Step 4:** Append the URLs of the Docker instance running services to the [`openUrl`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#openurl) property as `http://localhost:6002/api/spreadsheet/open` and the [`saveUrl`](https://ej2.syncfusion.com/javascript/documentation/api/spreadsheet#saveurl) property as `http://localhost:6002/api/spreadsheet/save` in the client-side Spreadsheet control. For more information on how to get started with the Spreadsheet control, refer to this [`getting started page.`](https://help.syncfusion.com/document-processing/excel/spreadsheet/javascript-es5/getting-started)

```html
<!DOCTYPE html>
Expand Down
52 changes: 26 additions & 26 deletions Document-Processing/Excel/Spreadsheet/Javascript-ES6/cell-range.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ layout: post
title: Cell range in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn here all about Cell range in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Cell range
control: Cell range
documentation: ug
---

Expand All @@ -13,13 +13,13 @@ A group of cells in a sheet is known as cell range.

## Wrap text

Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowwrap) property to enable or disable the wrap text support in spreadsheet.
Wrap text allows you to display large content as multiple lines in a single cell. By default, the wrap text support is enabled. Use the [`allowWrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowwrap) property to enable or disable the wrap text support in spreadsheet.

Wrap text can be applied or removed to a cell or range of cells in the following ways,

* Using the `wrap` property in `cell`, you can enable or disable wrap text to a cell at initial load.
* Select or deselect wrap button from ribbon toolbar to apply or remove the wrap text to the selected range.
* Using the [`wrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#wrap) method, you can apply or remove the wrap text once the component is loaded.
* Using the [`wrap`](https://ej2.syncfusion.com/documentation/api/spreadsheet#wrap) method, you can apply or remove the wrap text once the component is loaded.

The following code example shows the wrap text functionality in spreadsheet.

Expand All @@ -43,16 +43,16 @@ The following features have some limitations in wrap text:

## Merge cells

Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowmerge) property to enable or disable the merge cells option in spreadsheet.
Merge cells allows users to span two or more cells in the same row or column into a single cell. When cells with multiple values are merged, top-left most cell data will be the data for the merged cell. By default, the merge cells option is enabled. Use [`allowMerge`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowmerge) property to enable or disable the merge cells option in spreadsheet.

You can merge the range of cells in the following ways,

* Set the `rowSpan` and `colSpan` property in `cell` to merge the number of cells at initial load.
* Select the range of cells and apply merge by selecting the desired option from ribbon toolbar.

* Use [`merge`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#merge) method to merge the range of cells, once the component is loaded.
* Use [`merge`](https://ej2.syncfusion.com/documentation/api/spreadsheet#merge) method to merge the range of cells, once the component is loaded.

The available merge options in spreadsheet are,
The available merge options in the Spreadsheet are:

| Type | Action |
|-------|---------|
Expand Down Expand Up @@ -83,7 +83,7 @@ The following features have some limitations in Merge:

## Data Validation

Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#allowdatavalidation) property to enable or disable data validation.
Data Validation is used to restrict the user from entering the invalid data. You can use the [`allowDataValidation`](https://ej2.syncfusion.com/documentation/api/spreadsheet#allowdatavalidation) property to enable or disable data validation.

> * The default value for `allowDataValidation` property is `true`.

Expand All @@ -93,35 +93,35 @@ You can apply data validation to restrict the type of data or the values that us

You can apply data validation by using one of the following ways,

* Select the Data tab in the Ribbon toolbar, and then choose the Data Validation item.
* Use the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#adddatavalidation) method programmatically.
* Select the **Data** tab in the ribbon toolbar, and then choose **Data Validation**.
* Use the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#adddatavalidation) method programmatically.

### Clear Validation

Clear validation feature is used to remove data validations from the specified ranges or the whole worksheet.

You can clear data validation rule by one of the following ways,

* Select the Data tab in the Ribbon toolbar, and then choose the Clear Validation item.
* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removedatavalidation) method programmatically.
* Select the **Data** tab in the ribbon toolbar, and then choose **Clear Validation**.
* Use the [`removeDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removedatavalidation) method programmatically.

### Highlight Invalid Data

Highlight invalid data feature is used to highlight the previously entered invalid values.

You can highlight an invalid data by using one of the following ways,
Highlight invalid data in one of the following ways:

* Select the Data tab in the Ribbon toolbar, and then choose the Highlight Invalid Data item.
* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#addinvalidhighlight) method programmatically.
* Select the **Data** tab in the ribbon toolbar, and then choose **Highlight Invalid Data**.
* Use the [`addInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#addinvalidhighlight) method programmatically.

### Clear Highlighted Invalid Data

Clear highlight feature is used to remove the highlight from invalid cells.

You can clear the highlighted invalid data by using the following ways,
You can clear the highlighted invalid data in the following ways,

* Select the Data tab in the Ribbon toolbar, and then choose the Clear Highlight item.
* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#removeinvalidhighlight) method programmatically.
* Select the **Data** tab in the ribbon toolbar, and then choose **Clear Highlight**.
* Use the [`removeInvalidHighlight()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#removeinvalidhighlight) method programmatically.

{% tabs %}
{% highlight ts tabtitle="index.ts" %}
Expand All @@ -146,8 +146,8 @@ When this rule is applied, the Spreadsheet evaluates the entered value against t

You can apply custom data validation using two methods.

* The first is through the Data Validation dialog in the Ribbon toolbar. Navigate to the Data tab, select the Data Validation option, and choose the Custom type from the Allow dropdown menu.
* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#adddatavalidation) method, which allows developers to set custom rules dynamically via code.
* The first is through the Data Validation dialog in the ribbon toolbar. Navigate to the **Data** tab, select the **Data Validation** option, and choose the **Custom** type from the **Allow** dropdown menu.
* The second method is programmatically, using the [`addDataValidation()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#adddatavalidation) method, which allows developers to set custom rules dynamically via code.

The following code example demonstrates how to add custom data validation with a formula in a Spreadsheet.

Expand Down Expand Up @@ -261,20 +261,20 @@ Clear feature helps you to clear the cell contents (formulas and data), formats
You can apply clear feature by using one of the following ways,

* Select the clear icon in the Ribbon toolbar under the Home Tab.
* Using the [`clear()`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clear) method to clear the values.
* Using the [`clear()`](https://ej2.syncfusion.com/documentation/api/spreadsheet#clear) method to clear the values.

Clear has the following types in the spreadsheet,

| Options | Uses |
| Option | Description |
|-----|------|
| `Clear All` | Used to clear all contents, formats, and hyperlinks. |
| `Clear Formats` | Used to clear the formats (including number formats, conditional formats, and borders) in a cell. |
| `Clear Contents` | Used to clear the contents (formulas and data) in a cell. |
| `Clear Hyperlinks` | Used to clear the hyperlink in a cell. |
| `Clear All` | Clears all contents, formats, and hyperlinks. |
| `Clear Formats` | Clears the formats (including number formats, conditional formats, and borders) in a cell. |
| `Clear Contents` | Clears the contents (formulas and data) in a cell. |
| `Clear Hyperlinks` | Clears the hyperlink in a cell. |

### Methods

Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clear) method. The [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet/#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event.
Clear the cell contents and formats in the Spreadsheet document by using the [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet#clear) method. The [clear](https://ej2.syncfusion.com/documentation/api/spreadsheet#clear) method has `type` and `range` as parameters. The following code example shows how to clear the cell contents and formats in the button click event.

{% tabs %}
{% highlight ts tabtitle="index.ts" %}
Expand Down
32 changes: 16 additions & 16 deletions Document-Processing/Excel/Spreadsheet/Javascript-ES6/clipboard.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@ layout: post
title: Clipboard in EJ2 TypeScript Spreadsheet control | Syncfusion
description: Learn here all about Clipboard in Syncfusion EJ2 TypeScript Spreadsheet control of Syncfusion Essential JS 2 and more.
platform: document-processing
control: Clipboard
control: Clipboard
documentation: ug
---

# Clipboard in EJ2 TypeScript Spreadsheet control

The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#enableclipboard) property in Spreadsheet.
The Spreadsheet provides support for the clipboard operations (cut, copy, and paste). Clipboard operations can be enabled or disabled by setting the [`enableClipboard`](https://ej2.syncfusion.com/documentation/api/spreadsheet#enableclipboard) property in Spreadsheet.

> By default, the `enableClipboard` property is true.
> By default, the `enableClipboard` property is `true`.

## Cut

Expand All @@ -21,10 +21,10 @@ It is used to cut the data from selected range of cells, rows or columns in a sp

Cut can be done in one of the following ways.

* Using Cut button in the Ribbon’s HOME tab to perform cut operation.
* Using Cut option in the Context Menu.
* Using `Ctrl + X` | `Command + X` keyboard shortcut.
* Using the [`cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#cut) method.
* Using the Cut button in the Ribbon's Home tab to perform the cut operation.
* Using the Cut option in the Context Menu.
* Using the `Ctrl + X` | `Command + X` keyboard shortcut.
* Using the [`cut`](https://ej2.syncfusion.com/documentation/api/spreadsheet#cut) method.

## Copy

Expand All @@ -34,10 +34,10 @@ It is used to copy the data from selected range of cells, rows or columns in a s

Copy can be done in one of the following ways.

* Using Copy button in the Ribbon’s HOME tab to perform copy operation.
* Using Copy option in the Context Menu.
* Using `Ctrl + C` | `Command + C` keyboard shortcut.
* Using the [`copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#copy) method.
* Using the Copy button in the Ribbon's Home tab to perform the copy operation.
* Using the Copy option in the Context Menu.
* Using the `Ctrl + C` | `Command + C` keyboard shortcut.
* Using the [`copy`](https://ej2.syncfusion.com/documentation/api/spreadsheet#copy) method.

## Paste

Expand All @@ -52,10 +52,10 @@ It also performs for external clipboard operation. If you perform cut and paste,

Paste can be done in one of the following ways.

* Using Paste button in the Ribbon’s HOME tab to perform paste operation.
* Using Paste option in the Context Menu.
* Using `Ctrl + V` | `Command + V` keyboard shortcut.
* Using the [`paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#paste) method.
* Using the Paste button in the Ribbon's Home tab to perform the paste operation.
* Using the Paste option in the Context Menu.
* Using the `Ctrl + V` | `Command + V` keyboard shortcut.
* Using the [`paste`](https://ej2.syncfusion.com/documentation/api/spreadsheet#paste) method.

> If you use the Keyboard shortcut key for cut (`Ctrl + X`) | copy (`Ctrl + C`) from other sources, you should use `Ctrl + V` shortcut while pasting into the spreadsheet.

Expand All @@ -72,7 +72,7 @@ Paste can be done in one of the following ways.

## Prevent the paste functionality

The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet/#actionbegin) event, you can set `cancel` argument as false in paste request type.
The following example shows, how to prevent the paste action in spreadsheet. In [`actionBegin`](https://ej2.syncfusion.com/documentation/api/spreadsheet#actionbegin) event, you can set `cancel` argument as false in paste request type.

{% tabs %}
{% highlight ts tabtitle="index.ts" %}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -56,8 +56,8 @@ After posting, the replies appear under the first comment in the comment editor.
## Editing a comment
You can edit the content of a comment or its replies directly within the comment editor.

* **Edit first comment**: In the comment editor. Click the **"⋯" (More thread actions)** menu in the header, select the **Edit Comment**, modify the text and click **Post**.
* **Edit a reply comment**: In the comment editor, hover over the specific reply, click the **"⋯" (More actions)**, select the **Edit Comment**, modify the text and click **Post**.
* **Edit first comment**: In the comment editor, click the **"⋯" (More thread actions)** menu in the header, select **Edit Comment**, modify the text, and click **Post**.
* **Edit a reply comment**: In the comment editor, hover over the specific reply, click the **"⋯" (More actions)** menu, select **Edit Comment**, modify the text, and click **Post**.

![Editing a comment reply in Spreadsheet](./images/spreadsheet_edit_comment.png)

Expand Down
Loading