fix(grids): adjust cell merging sample heights (#3762)

Author: IMinchev64

src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.html

@@ -1,6 +1,6 @@
 <div class="grid__wrapper">
     <igx-hierarchical-grid [igxPreventDocumentScroll]="true" #hGrid [data]="localData" [moving]="true" [sortingExpressions]="sortExpr"
-        [cellMergeMode]="cellMergeMode" [mergeStrategy]="perCountryMergeStrategy" [height]="'740px'" [width]="'100%'" [allowFiltering]="true" >
+        [cellMergeMode]="cellMergeMode" [mergeStrategy]="perCountryMergeStrategy" [height]="'400px'" [width]="'100%'" [allowFiltering]="true" >
         <igx-column field="CompanyName" [sortable]="true" [resizable]="true" [editable]="true"></igx-column>
         <igx-column field="ContactName" [sortable]="true" [resizable]="true" [editable]="true"></igx-column>
         <igx-column field="ContactTitle" [sortable]="true" [resizable]="true" [merge]="true" [editable]="true"></igx-column>

src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts

@@ -17,10 +17,6 @@ import { FormsModule } from '@angular/forms';
         IgxPreventDocumentScrollDirective,
         IgxColumnComponent,
         IgxRowIslandComponent,
-        IgxGridToolbarComponent,
-        IgxSelectComponent,
-        IgxSelectItemComponent,
-        IgxLabelDirective,
         FormsModule
     ]
 })

src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.html

@@ -1,6 +1,6 @@
 <div class="grid__wrapper">
     <igx-hierarchical-grid [igxPreventDocumentScroll]="true" #hGrid [data]="localData" [moving]="true" [sortingExpressions]="sortExpr"
-        [cellMergeMode]="cellMergeMode" [height]="'740px'" [width]="'100%'" [allowFiltering]="true" >
+        [cellMergeMode]="cellMergeMode" [height]="'450px'" [width]="'100%'" [allowFiltering]="true" >
         <igx-grid-toolbar>
             <igx-select [(ngModel)]="cellMergeMode">
                 <label igxLabel>Select Merge Type Root</label>

src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.html

@@ -1,5 +1,5 @@
 <div class="grid__wrapper">
-    <igx-tree-grid #treeGrid [igxPreventDocumentScroll]="true" [data]="data" width="100%" height="800px"
+    <igx-tree-grid #treeGrid [igxPreventDocumentScroll]="true" [data]="data" width="100%" height="720px"
         [sortingExpressions]="sortExpr" [autoGenerate]="false" primaryKey="ID" foreignKey="ParentID"
         [cellMergeMode]="cellMergeMode" [mergeStrategy]="mergeStrategy">
         <igx-column [field]="'Name'" dataType="string" width="250px" [editable]="true"></igx-column>

src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts

@@ -16,10 +16,6 @@ import { generateEmployeeDetailedFlatData2 } from '../data/employees-flat-detail
         IgxTreeGridComponent,
         IgxPreventDocumentScrollDirective,
         IgxColumnComponent,
-        IgxSelectComponent,
-        IgxSelectItemComponent,
-        IgxLabelDirective,
-        IgxGridToolbarComponent,
         FormsModule
     ]
 })

src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.html

@@ -1,5 +1,5 @@
 <div class="grid__wrapper">
-    <igx-tree-grid #treeGrid [igxPreventDocumentScroll]="true" [data]="data" width="100%" height="800px"
+    <igx-tree-grid #treeGrid [igxPreventDocumentScroll]="true" [data]="data" width="100%" height="720px"
         [sortingExpressions]="sortExpr" [autoGenerate]="false" primaryKey="ID" foreignKey="ParentID"
         [cellMergeMode]="cellMergeMode" [mergeStrategy]="mergeStrategy">
         <igx-grid-toolbar>