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 index ae9a2b2a8..d77491cf0 100644 --- 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 @@ - + 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 index d2c12effa..93aab8a62 100644 --- 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; +} \ No newline at end of file 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 index e28a3067c..8c67dc6d7 100644 --- 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'