Skip to content

Commit

Permalink
Capitalizing feature name
Browse files Browse the repository at this point in the history
  • Loading branch information
mpavlinov committed Nov 8, 2017
1 parent 106bf33 commit 019d601
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 8 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@

### Purpose

This topic explains the `igGrid`™ control’s Cells Merging feature and its functionality. It contains code examples demonstrating how to enable and configure cell merging in the `igGrid`.
This topic explains the `igGrid`™ control’s Cells Merging feature and its functionality. It contains code examples demonstrating how to enable and configure Cell Merging in the `igGrid`.

### Required background

Expand Down Expand Up @@ -57,15 +57,15 @@ You may use the predefined CSS classes in order to customize the look of the mer

#### <a id="intro-physical"></a> Physical Cell Merging

If the user needs to have only one cell in the place of the merged group of cells, physical merging is available. It is useful for text that could span across multiple cells when merged. The way it works is the same way cell merging would work on an HTML Table by setting *rowspan* of a cell that could span multiple rows. This method is illustrated in the following screenshot.
If the user needs to have only one cell in the place of the merged group of cells, physical merging is available. It is useful for text that could span across multiple cells when merged. The way it works is the same way Cell Merging would work on an HTML Table by setting *rowspan* of a cell that could span multiple rows. This method is illustrated in the following screenshot.

![](images/igGrid_CellMerging_Physical.jpg)

The resulting merged cells can be styled through a custom CSS class called [*ui-iggrid-physicalmergedcell*](%%jQueryApiUrl%%/ui.iggridcellmerging#theming:ui-iggrid-physicalmergedcell). It could be used to e.g. position the text of the cells differently.

## <a id="enabling"></a> Enabling Cell Merging

`igGrid`, by default, does not enable cell merging so you will need to enable it explicitly. This is done differently in JavaScript and ASP.NET MVC.
`igGrid`, by default, does not enable Cell Merging so you will need to enable it explicitly. This is done differently in JavaScript and ASP.NET MVC.

To enable Cell Merging in… | Do this…
---------------------------|---------
Expand Down Expand Up @@ -143,7 +143,7 @@ $("#grid1").igGrid({

The following sample demonstrates how to set the Cell Merging’s mergeOn rule so that the cells for column with key "City" will be merged at all times.

If we have the Sorting feature enabled and we sort a column, cell merging will be applied to it as well. This is due to the default behavior of Cell Merging and because we haven't set options for the other columns. That is why the "City" column cells will remain merged.
If we have the Sorting feature enabled and we sort a column, Cell Merging will be applied to it as well. This is due to the default behavior of Cell Merging and because we haven't set options for the other columns. That is why the "City" column cells will remain merged.

**In JavaScript:**

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ var productData1 = [
]
```

In order to initialize physical cell merging with *"duplicate"* strategy we can use the defaults to our advantage and not set the latter:
In order to initialize physical Cell Merging with *"duplicate"* strategy we can use the defaults to our advantage and not set the latter:

**In JavaScript:**

Expand Down Expand Up @@ -199,7 +199,7 @@ When `mergeType` is *"physical"* the results are almost the same as when using t

![](images/igGrid_CellMerging_Advaced_null_physical.jpg)

This is useful when combining cell merging with cell updating. In this case updating the merged cell would update the whole merge group visually. Regarding the data, it will still update only the first cell value inside the group, the other cells remain *`null`*.
This is useful when combining Cell Merging with Cell Updating. In this case updating the merged cell would update the whole merge group visually. Regarding the data, it will still update only the first cell value inside the group, the other cells remain *`null`*.

**Note:** Only the "Project Name" column receives merging because it is the only one containing `null` values.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,9 @@ The topics in this group explain the Cell Merging feature of the `igGrid`™.

### Topics

- [Cell Merging Overview (igGrid)](igGrid-CellMerging-Overview.html): This topic explains the `igGrid` control’s Cells Merging feature and its functionality. It contains code examples demonstrating how to enable and configure cell merging in the `igGrid`.
- [Cell Merging Overview (igGrid)](igGrid-CellMerging-Overview.html): This topic explains the `igGrid` control’s Cells Merging feature and its functionality. It contains code examples demonstrating how to enable and configure Cell Merging in the `igGrid`.

- [Cell Merging Advanced Customization (igGrid)](igGrid-CellMerging-Advanced.html): This topic explains the igGrid™ control’s Cells Merging feature and how to customize it even further. It contains code examples on how this can be achieved in the igGrid..
- [Cell Merging Advanced Customization (igGrid)](igGrid-CellMerging-Advanced.html): This topic explains the igGrid™ control’s Cells Merging feature and how to customize it.



Expand Down

0 comments on commit 019d601

Please sign in to comment.