Merge pull request #3503 from IgniteUI/mtihova/fix-issue-3440

Fixing Tree Grid Filter View Sample

Author: Konstantin Dinev

src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.html

@@ -7,7 +7,9 @@
             </igx-select-item>
         </igx-select>
 
-        <igx-grid-excel-style-filtering [column]="tGrid.getColumnByName(gridColumns.value)">
+        <igx-grid-excel-style-filtering 
+            [column]="tGrid.getColumnByName(gridColumns.value)"
+            [maxHeight]="'590px'">
         </igx-grid-excel-style-filtering>
     </div>
 

src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.scss

@@ -1,3 +1,5 @@
 .grid__wrapper {
     margin: 16px;
-}
+    display: flex;
+    column-gap: 16px;
+}

src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts

@@ -1,8 +1,9 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit, ViewChild } from '@angular/core';
 import { IgxTreeGridComponent, TreeGridFilteringStrategy } from 'igniteui-angular';
 import { ORDERS_DATA } from '../data/orders';
 
 @Component({
+    changeDetection: ChangeDetectionStrategy.OnPush,
     selector: 'app-tree-grid-tree-filter-view',
     styleUrls: ['./tree-grid-tree-filter-view.component.scss'],
     templateUrl: 'tree-grid-tree-filter-view.component.html'