chore(*): Fix collection to splice into original merge data.

Author: MKirova

projects/igniteui-angular/src/lib/grids/grid/grid.pipes.ts

@@ -126,24 +126,25 @@ export class IgxGridUnmergeActivePipe implements PipeTransform {
             const index = result.indexOf(x);
             const colKeys = [...x.cellMergeMeta.keys()];
             const cols = colsToMerge.filter(x => colKeys.indexOf(x.field) !== -1);
+            let res = [];
             for (const col of cols) {
-                const rs = x.cellMergeMeta.get(col.field).rowSpan;
+
                 let childData = x.cellMergeMeta.get(col.field).childRecords;
                 const childRecs = childData.map(x => x.recordRef);
                 const isDate = col?.dataType === 'date' || col?.dataType === 'dateTime';
                 const isTime = col?.dataType === 'time' || col?.dataType === 'dateTime';
-                const res = this.grid.mergeStrategy.merge(
+                res = this.grid.mergeStrategy.merge(
                     [x.recordRef, ...childRecs],
                     col.field,
                     col.mergingComparer,
-                    [],
+                    res,
                     activeRowIndexes,
                     isDate,
                     isTime,
                     this.grid);
-                result.splice(index, index + rs, ...res);
-            }
 
+            }
+            result.splice(index, (index + res.length - 1), ...res);
         });
 
 

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

@@ -52,7 +52,7 @@ <h4 class="sample-title">Grid with cell merge</h4>
     </igx-column>
     <igx-column field="ShipCountry" header="Ship Country" [merge]="true" width="200px" sortable="true">
     </igx-column>
-    <igx-column field="OrderDate" header="Order Date" width="200px"  [groupable]="true" [dataType]="'date'" sortable="true">
+    <igx-column field="OrderDate" header="Order Date" width="200px" [merge]="true" [groupable]="true" [dataType]="'date'" sortable="true">
     </igx-column>
     <igx-column field="PostalCode" header="Postal Code" width="200px" >
     </igx-column>