chore(*): Adjust check for non-mergeable record types.

Author: MKirova

projects/igniteui-angular/src/lib/data-operations/data-util.ts

@@ -102,7 +102,7 @@ export class DataUtil {
     ): any[] {
         let result = [];
         for (const col of columns) {
-            strategy.merge(data, col.field, col.mergingComparer, result);
+            strategy.merge(data, col.field, col.mergingComparer, result, grid);
         }
         return result;
 }

projects/igniteui-angular/src/lib/data-operations/merge-strategy.ts

@@ -10,7 +10,8 @@ export interface IGridMergeStrategy {
         data: any[],
         field: string,
         comparer: (prevRecord: any, currentRecord: any, field: string) => boolean,
-        result: any[]
+        result: any[],
+        grid?: GridType
     ) => any[];
 }
 
@@ -26,15 +27,16 @@ export class DefaultMergeStrategy implements IGridMergeStrategy {
         data: any[],
         field: string,
         comparer: (prevRecord: any, record: any, field: string) => boolean = this.comparer,
-        result: any[]
+        result: any[],
+        grid?: GridType
     ) {
         let prev = null;
         let index = 0;
         for (const rec of data) {
 
             const recData = result[index];
             // if this is some special record type - add and skip merging
-            if (rec.ghostRecord) {
+            if (grid && grid.isDetailRecord(rec) || grid.isGhostRecord(rec) || grid.isGroupByRecord(rec)) {
                 if(!recData) {
                     result.push(rec);
                 }

src/app/grid-cellMerging/grid-cellMerging.component.html

@@ -14,7 +14,7 @@ <h4 class="sample-title">Grid with cell merge</h4>
     </igx-column>
     <igx-column field="ReorderLevel" width="200px" [merge]="true" editable="true">
     </igx-column>
-    <igx-column required field="ProductName" width="200px" [merge]="true">
+    <igx-column required field="ProductName" width="200px" [merge]="true" groupable="true">
     </igx-column>
     <igx-column field="UnitsInStock" header="UnitsInStock" width="200px" [merge]="true">
     </igx-column>