Merge pull request #4913 from IgniteUI/mkirova/fix-4825

Adding height 100% for mrl container in header for IE, sinc…

Author: mpavlinov

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

@@ -5,7 +5,8 @@
      [ngStyle]="{'grid-template-rows':column.getGridTemplate(true, false),
      'grid-template-columns':column.getGridTemplate(false, false),
      '-ms-grid-rows':column.getGridTemplate(true, true),
-     '-ms-grid-columns':column.getGridTemplate(false, true)}">
+     '-ms-grid-columns':column.getGridTemplate(false, true),
+        'height':  mrlBlockHeight }">
         <ng-container *ngFor="let child of column.children" >
             <igx-grid-header-group *ngIf="!child.hidden" class="igx-grid__thead-subgroup"
                 [column]="child"

projects/igniteui-angular/src/lib/grids/grid-header-group.component.ts

@@ -176,6 +176,10 @@ export class IgxGridHeaderGroupComponent implements DoCheck {
         return this.grid.hasColumnLayouts && this.column.children && !isIE() ? 'flex' : '';
     }
 
+    get mrlBlockHeight() {
+        return this.grid.hasColumnLayouts && this.column.children && isIE() ? '100%' : '';
+    }
+
     /**
      * Gets whether the header group is stored in a pinned column.
      * @memberof IgxGridHeaderGroupComponent