fix(treeGrid): Fixed sample #3440

IgniteUI · Jun 28, 2024 · a03b45f · a03b45f
1 parent 6f72683
commit a03b45f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.html b/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>
 

diff --git a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.scss b/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;
+}
diff --git a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts b/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'