chore(*): Minor tweaks to suggestion.

Author: MKirova

projects/igniteui-angular/src/lib/grids/grid/grid-row.component.html

@@ -194,7 +194,7 @@
     [cellSelectionMode]="grid.cellSelection"
     [displayPinnedChip]="shouldDisplayPinnedChip(col.visibleIndex)"
     [style.height.px]="data.cellMergeMeta.get(col.field).rowSpan * (this.grid.rowHeight + 1)"
-    [style.zIndex]="100"
+    [style.zIndex]="data.cellMergeMeta.get(col.field).rowSpan"
     [style.min-width]="col.resolvedWidth"
     [style.max-width]="col.resolvedWidth"
     [style.flex-basis]="col.resolvedWidth"

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

@@ -99,9 +99,15 @@ export class IgxGridCellMergePipe implements PipeTransform {
                     //TODO condition can be a strategy or some callback that the user can set.
                     //TODO can also be limited to only sorted columns
                     if ( prev && prev.recordRef[col.field] === rec[col.field]) {
-                        const root = prev.cellMergeMeta.get(col.field)?.root ?? prev;
-                        root.cellMergeMeta.get(col.field).rowSpan += 1;
-                        recData.cellMergeMeta.get(col.field).root = root;
+                        // const root = prev.cellMergeMeta.get(col.field)?.root ?? prev;
+                        // root.cellMergeMeta.get(col.field).rowSpan += 1;
+                        // recData.cellMergeMeta.get(col.field).root = root;
+                        recData.cellMergeMeta.get(col.field).prev = prev;
+                        let curr = prev;
+                        while(curr) {
+                            curr.cellMergeMeta.get(col.field).rowSpan += 1;
+                            curr =  curr.cellMergeMeta.get(col.field).prev;
+                        }
                     }
             }
             prev = recData;
@@ -114,6 +120,7 @@ export class IgxGridCellMergePipe implements PipeTransform {
 export interface IMergeByResult {
     rowSpan: number;
     root?: any;
+    prev?: any;
 }
 
 /**

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

@@ -171,6 +171,173 @@ export class GridCellMergingComponent {
         OrderDate: new Date('2006-03-17').toISOString(),
         OrderDate2: new Date(1991, 2, 12, 15, 40, 50).toISOString()
     },
+    {
+        ProductID: 12,
+        ProductName: 'Chai',
+        SupplierID: 1,
+        CategoryID: 2,
+        QuantityPerUnit: '12 - 550 ml bottles',
+        UnitPrice: '10.0000',
+        UnitsInStock: 12,
+        UnitsOnOrder: 70,
+        ReorderLevel: 30,
+        Discontinued: false,
+        OrderDate: new Date('2006-03-17').toISOString(),
+        OrderDate2: new Date(1991, 2, 12, 15, 40, 50).toISOString()
+    },
+    {
+        ProductID: 1,
+        ProductName: 'Chai',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '10 boxes x 20 bags',
+        UnitPrice: '18.0000',
+        UnitsInStock: 39,
+        UnitsOnOrder: 0,
+        ReorderLevel: 10.567,
+        Discontinued: false,
+        OrderDate: null,
+        OrderDate2: new Date(1991, 2, 12, 18, 40, 50).toISOString()
+    }, {
+        ProductID: 2,
+        ProductName: 'Chai',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: '19.0000',
+        UnitsInStock: 17,
+        UnitsOnOrder: 40,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2003-03-17').toISOString(),
+        OrderDate2: new Date('2003-03-17').toISOString()
+    },
+    {
+        ProductID: 3,
+        ProductName: 'Chai',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: '19.0000',
+        UnitsInStock: 17,
+        UnitsOnOrder: 40,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2003-03-17').toISOString(),
+        OrderDate2: new Date('2003-03-17').toISOString()
+    },
+    {
+        ProductID: 4,
+        ProductName: 'Chai',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: '20.0000',
+        UnitsInStock: 20,
+        UnitsOnOrder: 40,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2003-03-17').toISOString(),
+        OrderDate2: new Date('2003-03-17').toISOString()
+    },
+    {
+        ProductID: 5,
+        ProductName: 'Chai',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: '19.0000',
+        UnitsInStock: 17,
+        UnitsOnOrder: 40,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2003-03-17').toISOString(),
+        OrderDate2: new Date('2003-03-17').toISOString()
+    },
+    {
+        ProductID: 6,
+        ProductName: 'Chang',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: '19.0000',
+        UnitsInStock: 17,
+        UnitsOnOrder: 40,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2003-03-17').toISOString(),
+        OrderDate2: new Date('2003-03-17').toISOString()
+    },
+    {
+        ProductID: 7,
+        ProductName: 'Chang',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: '19.0000',
+        UnitsInStock: 17,
+        UnitsOnOrder: 40,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2003-03-17').toISOString(),
+        OrderDate2: new Date('2003-03-17').toISOString()
+    },
+    {
+        ProductID: 8,
+        ProductName: 'Chang',
+        SupplierID: 1,
+        CategoryID: 1,
+        QuantityPerUnit: '24 - 12 oz bottles',
+        UnitPrice: '19.0000',
+        UnitsInStock: 17,
+        UnitsOnOrder: 40,
+        ReorderLevel: 30,
+        Discontinued: false,
+        OrderDate: new Date('2003-03-17').toISOString(),
+        OrderDate2: new Date('2003-03-17').toISOString()
+    },
+    {
+        ProductID: 9,
+        ProductName: 'Aniseed Syrup',
+        SupplierID: 1,
+        CategoryID: 2,
+        QuantityPerUnit: '12 - 550 ml bottles',
+        UnitPrice: '10.0000',
+        UnitsInStock: 13,
+        UnitsOnOrder: 70,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2006-03-17').toISOString(),
+        OrderDate2: new Date(1991, 2, 12, 15, 40, 50).toISOString()
+    },
+    {
+        ProductID: 10,
+        ProductName: 'Chang',
+        SupplierID: 1,
+        CategoryID: 2,
+        QuantityPerUnit: '12 - 550 ml bottles',
+        UnitPrice: '10.0000',
+        UnitsInStock: 13,
+        UnitsOnOrder: 70,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2006-03-17').toISOString(),
+        OrderDate2: new Date(1991, 2, 12, 15, 40, 50).toISOString()
+    },
+    {
+        ProductID: 11,
+        ProductName: 'Chai',
+        SupplierID: 1,
+        CategoryID: 2,
+        QuantityPerUnit: '12 - 550 ml bottles',
+        UnitPrice: '10.0000',
+        UnitsInStock: 13,
+        UnitsOnOrder: 70,
+        ReorderLevel: 25,
+        Discontinued: false,
+        OrderDate: new Date('2006-03-17').toISOString(),
+        OrderDate2: new Date(1991, 2, 12, 15, 40, 50).toISOString()
+    },
     {
         ProductID: 12,
         ProductName: 'Chai',