diff --git a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.html b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.html
index e63fc84353..d23b833f67 100644
--- a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.html
+++ b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.html
@@ -1,8 +1,10 @@
+
diff --git a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.html b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.html
index db5efa7b52..25d917a899 100644
--- a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.html
+++ b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.html
@@ -7,10 +7,11 @@
[groupingExpressions]="group"
[sortingExpressions]="sort"
[allowFiltering]="true"
- [showToolbar]="true"
[columnHiding]="true"
[columnPinning]="true"
[displayDensity]="'cosy'">
+
+
diff --git a/src/app/grid/grid-sample-3/grid-sample-3.component.spec.ts b/src/app/grid/grid-sample-3/grid-sample-3.component.spec.ts
index 418943c331..2f62da788a 100644
--- a/src/app/grid/grid-sample-3/grid-sample-3.component.spec.ts
+++ b/src/app/grid/grid-sample-3/grid-sample-3.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { GridSample3Component } from "./grid-sample-3.component";
@@ -6,7 +6,7 @@ describe("GridSample3Component", () => {
let component: GridSample3Component;
let fixture: ComponentFixture
;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ GridSample3Component ]
})
diff --git a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html
index 693d6e3cc2..810fcca85c 100644
--- a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html
+++ b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.html
@@ -1,5 +1,7 @@
-
+
+
diff --git a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.html b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.html
index 17e51bfb3b..55fc7c9c3b 100644
--- a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.html
+++ b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.html
@@ -1,5 +1,7 @@
-
+
+
@@ -61,4 +63,4 @@
-
\ No newline at end of file
+
+
-
diff --git a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html
index fda3357a8d..1a9bfbc375 100644
--- a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html
+++ b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.html
@@ -1,14 +1,16 @@
-
+ (onSortingDone)="removeSorting($event)">
+
+
Select Sorting Type
{{type.name}}
-
+
+
@@ -26,4 +28,4 @@
sortable="true">
-
\ No newline at end of file
+
diff --git a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html
index fda3357a8d..1a9bfbc375 100644
--- a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html
+++ b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.html
@@ -1,14 +1,16 @@
-
+ (onSortingDone)="removeSorting($event)">
+
+
Select Sorting Type
{{type.name}}
-
+
+
@@ -26,4 +28,4 @@
sortable="true">
-
\ No newline at end of file
+
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html
index 6e19f6b653..64855653bd 100644
--- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html
+++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.html
@@ -1,8 +1,9 @@
-
+
@@ -11,7 +12,7 @@
-
+
@@ -20,26 +21,26 @@
-
+
{{ val }}
-
+
{{ val }}
-
+
-
+
{{ val }}
-
+
{{ val }}
@@ -47,4 +48,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html
index 2107a546e9..cf87512e37 100644
--- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html
+++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.html
@@ -1,6 +1,5 @@
-
+
@@ -53,4 +54,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts
index b86c2adf33..0f920352ee 100644
--- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts
+++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts
@@ -1,5 +1,4 @@
-import { AfterViewInit, Component, OnInit, ViewChild } from "@angular/core";
-import { IgxGridComponent } from "igniteui-angular";
+import { Component, OnInit, ViewChild } from "@angular/core";
import { athletesData } from "../services/data";
@Component({
@@ -7,18 +6,11 @@ import { athletesData } from "../services/data";
styleUrls: ["./grid-toolbar-sample-2.component.scss"],
templateUrl: "./grid-toolbar-sample-2.component.html"
})
-export class GridToolbarSample2Component implements OnInit, AfterViewInit {
+export class GridToolbarSample2Component implements OnInit {
- @ViewChild("grid1", { static: true }) public grid: IgxGridComponent;
public data: any[];
public ngOnInit() {
this.data = athletesData;
}
-
- public ngAfterViewInit() {
- this.grid.toolbar.columnPinningUI.columnsAreaMaxHeight = "250px";
- this.grid.toolbar.columnHidingUI.columnsAreaMaxHeight = "200px";
- }
-
}
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html
index 668bd33036..b252a85845 100644
--- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html
+++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.html
@@ -1,6 +1,5 @@
-
+
diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html
index 20bb227f42..66cc1d94e6 100644
--- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html
+++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.html
@@ -1,9 +1,15 @@
-
+
+
+
+ clear
+ Clear Sort
+
+
+
@@ -47,12 +53,7 @@
-
-
- clear
- Clear Sort
-
-
+
diff --git a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html
index 2107a546e9..cf87512e37 100644
--- a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html
+++ b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.html
@@ -1,6 +1,5 @@
-
+
@@ -53,4 +54,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts
index 87bea368f2..fbc7969887 100644
--- a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts
+++ b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts
@@ -1,5 +1,4 @@
-import { AfterViewInit, Component, OnInit, ViewChild } from "@angular/core";
-import { IgxGridComponent } from "igniteui-angular";
+import { Component, OnInit, ViewChild } from "@angular/core";
import { athletesData } from "../services/data";
@Component({
@@ -7,17 +6,11 @@ import { athletesData } from "../services/data";
styleUrls: ["./grid-toolbar-style.component.scss"],
templateUrl: "./grid-toolbar-style.component.html"
})
-export class GridToolbarStyleComponent implements OnInit, AfterViewInit {
+export class GridToolbarStyleComponent implements OnInit {
- @ViewChild("grid1", { static: true }) public grid: IgxGridComponent;
public data: any[];
public ngOnInit() {
this.data = athletesData;
}
-
- public ngAfterViewInit() {
- this.grid.toolbar.columnPinningUI.columnsAreaMaxHeight = "250px";
- this.grid.toolbar.columnHidingUI.columnsAreaMaxHeight = "200px";
- }
}
diff --git a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html
index 97e20556e3..850e17d9c7 100644
--- a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html
+++ b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.html
@@ -1,15 +1,16 @@
+ [columnSelection]="currentColumnSelection">
+
-
Column Selection
None
Single
Mulitple
-
+
+
@@ -41,4 +42,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.html b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.html
index be4f7e25a8..fa2a03e03d 100644
--- a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.html
+++ b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.html
@@ -1,8 +1,10 @@
-
+
-
+
+
-
+
+
-
+
@@ -13,7 +15,9 @@
+
+
-
+
+
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html
index 8d44bb434c..e68ebb1aef 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.html
@@ -1,6 +1,8 @@
-
+
@@ -13,7 +15,9 @@
+
+
-
+
+
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html
index 4188bb37ca..729ffb9f28 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.html
@@ -17,17 +17,21 @@
-
+
+
+
+ Undo
+ Redo
+
+
+
-
- Undo
- Redo
-
+
@@ -80,4 +84,4 @@
Discard
Cancel
-
+
@@ -13,14 +15,18 @@
+
+
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts
index e93176b3b8..8d43e64a84 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts
+++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts
@@ -7,19 +7,12 @@ import { SINGERS } from "../data";
styleUrls: ["./hierarchical-grid-column-hiding-toolbar-style.component.scss"],
templateUrl: "./hierarchical-grid-column-hiding-toolbar-style.component.html"
})
-export class HierarchicalGridColumnHidingToolbarStyleComponent implements OnInit, AfterViewInit {
+export class HierarchicalGridColumnHidingToolbarStyleComponent implements OnInit {
public localdata;
- @ViewChild("hierarchicalGrid", { static: true })
- private hierarchicalGrid: IgxHierarchicalGridComponent;
-
constructor() {}
public ngOnInit(): void {
this.localdata = SINGERS;
}
-
- public ngAfterViewInit() {
- this.hierarchicalGrid.toolbar.columnHidingUI.columnsAreaMaxHeight = "200px";
- }
}
diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html
index fbcaa6ce89..8a6d2bd40c 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.html
@@ -1,5 +1,7 @@
-
+
@@ -12,14 +14,18 @@
+
+
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts
index c7bfae6041..0ecf4d79a0 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts
+++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts
@@ -1,5 +1,4 @@
-import { Component, OnInit, ViewChild } from "@angular/core";
-import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from "igniteui-angular";
+import { Component, OnInit } from "@angular/core";
import { SINGERS } from "../data";
@Component({
@@ -11,19 +10,12 @@ import { SINGERS } from "../data";
export class HGridColumnHidingSampleComponent implements OnInit {
public localdata;
- @ViewChild("hierarchicalGrid", { static: true })
- private hierarchicalGrid: IgxHierarchicalGridComponent;
-
constructor() {}
public ngOnInit(): void {
this.localdata = SINGERS;
}
- public ngAfterViewInit() {
- this.hierarchicalGrid.toolbar.columnHidingUI.columnsAreaMaxHeight = "200px";
- }
-
public formatter = (a) => a;
}
diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html
index 4067ca01fe..5c91cd7f78 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.html
@@ -1,5 +1,7 @@
+ [height]="'500px'" [width]="'100%'" [columnPinning]='true' #hierarchicalGrid>
+
+
+
+
-
+
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html
index 23f0b92c3c..2271ae4af8 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.html
@@ -1,8 +1,9 @@
-
+ [uniqueColumnValuesStrategy]="singersColumnValuesStrategy">
+
@@ -28,4 +29,4 @@
-
\ No newline at end of file
+
-
+
@@ -36,4 +38,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html
index eda58a25f3..2488582347 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.html
@@ -1,6 +1,8 @@
-
+
@@ -33,4 +35,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html
index bb5bda0434..f60d68d63f 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.html
@@ -1,6 +1,8 @@
-
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html
index c6cd922f3d..5a647c15a4 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.html
@@ -16,7 +16,9 @@
+
+
-
+
+
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html
index 343ee08c8a..4f0b296162 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.html
@@ -11,8 +11,10 @@
-
+
@@ -45,4 +47,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html
index 7b29d84629..4d84cb4bab 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.html
@@ -1,6 +1,8 @@
-
+
@@ -36,8 +38,10 @@
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts
index 24f649f632..3eb12e7b48 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts
+++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts
@@ -21,9 +21,7 @@ export class HGridFilteringTemplateSampleComponent implements OnInit {
@ViewChild("hierarchicalGrid", { static: true })
public hierarchicalGrid: IgxHierarchicalGridComponent;
- public overlaySettings: OverlaySettings = {
- outlet: this.hierarchicalGrid
- };
+ public overlaySettings: OverlaySettings;
private _filterValues = new Map();
@@ -31,7 +29,9 @@ export class HGridFilteringTemplateSampleComponent implements OnInit {
this.localdata = SINGERS;
}
public ngOnInit(): void {
-
+ this.overlaySettings = {
+ outlet: this.hierarchicalGrid
+ };
}
public formatter = (a) => a;
diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.html b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.html
index 274b341bf0..0c5a8921ee 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.html
@@ -1,5 +1,7 @@
-
+
+
@@ -77,4 +79,4 @@
\ No newline at end of file
+
@@ -89,4 +90,4 @@
-
-
+
@@ -34,4 +36,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html
index 63ef574b03..31e46e98f2 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.html
@@ -1,6 +1,15 @@
-
+
+
+
+ clear
+ Clear Sort
+
+
+
+
@@ -13,14 +22,18 @@
-
- clear
- Clear Sort
-
-
-
+
+
+
+
+
+ clear
+ Clear Sort
+
+
+
+
-
-
- clear
- Clear Sort
-
-
+
@@ -47,4 +55,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html
index a83f510152..93abc30a81 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.html
@@ -1,6 +1,8 @@
-
+
@@ -34,4 +36,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html
index 2a2a45eddf..53b9bad322 100644
--- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html
+++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.html
@@ -1,6 +1,8 @@
-
+
@@ -13,12 +15,16 @@
+
+
+
+
-
+
+
-
\ No newline at end of file
+
diff --git a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts
index 9d706cb9f1..cbfe313303 100644
--- a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts
+++ b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts
@@ -1,5 +1,5 @@
import { useAnimation } from "@angular/animations";
-import { Component, ViewChild } from "@angular/core";
+import { Component, OnInit, ViewChild } from "@angular/core";
import { CloseScrollStrategy,
GlobalPositionStrategy,
IgxDialogComponent,
@@ -13,7 +13,7 @@ import { CloseScrollStrategy,
styleUrls: ["./dialog-styling-sample.component.scss"],
templateUrl: "./dialog-styling-sample.component.html"
})
-export class DialogStylingSample {
+export class DialogStylingSample implements OnInit {
@ViewChild(IgxOverlayOutletDirective, { static: true })
public outlet: IgxOverlayOutletDirective;
@@ -26,15 +26,19 @@ export class DialogStylingSample {
closeAnimation: useAnimation(slideOutTop, { params: { toPosition: "translateY(-100%)" } })
};
- private _dialogOverlaySettings2 = {
- modal: true,
- outlet: this.outlet,
- scrollStrategy: new CloseScrollStrategy(),
- positionStrategy: new GlobalPositionStrategy(this._animaitonSettings)
- };
+ private _dialogOverlaySettings2;
public openDialog() {
this._dialogOverlaySettings2.outlet = this.outlet;
this.dialog.open(this._dialogOverlaySettings2);
}
+
+ public ngOnInit() {
+ this._dialogOverlaySettings2 = {
+ modal: true,
+ outlet: this.outlet,
+ scrollStrategy: new CloseScrollStrategy(),
+ positionStrategy: new GlobalPositionStrategy(this._animaitonSettings)
+ };
+ }
}
diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.spec.ts b/src/app/layouts/card/card-sample-2/card-sample-2.component.spec.ts
index b9319bad33..bd532827c8 100644
--- a/src/app/layouts/card/card-sample-2/card-sample-2.component.spec.ts
+++ b/src/app/layouts/card/card-sample-2/card-sample-2.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { CardSample2Component } from "./card-sample-2.component";
@@ -6,7 +6,7 @@ describe("CardSample2Component", () => {
let component: CardSample2Component;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ CardSample2Component ]
})
diff --git a/src/app/layouts/card/card-sample-3/card-sample-3.component.spec.ts b/src/app/layouts/card/card-sample-3/card-sample-3.component.spec.ts
index 8820a39cfc..11f198b6e2 100644
--- a/src/app/layouts/card/card-sample-3/card-sample-3.component.spec.ts
+++ b/src/app/layouts/card/card-sample-3/card-sample-3.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { CardSample3Component } from "./card-sample-3.component";
@@ -6,7 +6,7 @@ describe("CardSample3Component", () => {
let component: CardSample3Component;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ CardSample3Component ]
})
diff --git a/src/app/layouts/card/card.component.spec.ts b/src/app/layouts/card/card.component.spec.ts
index 1284ece31f..65a0dec54e 100644
--- a/src/app/layouts/card/card.component.spec.ts
+++ b/src/app/layouts/card/card.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { CardComponent } from "./card.component";
@@ -6,7 +6,7 @@ describe("CardComponent", () => {
let component: CardComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ CardComponent ]
})
diff --git a/src/app/layouts/carousel/carousel.component.spec.ts b/src/app/layouts/carousel/carousel.component.spec.ts
index ec3b86923a..c3911fb8c7 100644
--- a/src/app/layouts/carousel/carousel.component.spec.ts
+++ b/src/app/layouts/carousel/carousel.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { CarouselComponent } from "./carousel.component";
@@ -6,7 +6,7 @@ describe("CarouselComponent", () => {
let component: CarouselComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ CarouselComponent ]
})
diff --git a/src/app/layouts/tabbar/tabbar.component.spec.ts b/src/app/layouts/tabbar/tabbar.component.spec.ts
index 7d268ecc95..e35445357b 100644
--- a/src/app/layouts/tabbar/tabbar.component.spec.ts
+++ b/src/app/layouts/tabbar/tabbar.component.spec.ts
@@ -1,11 +1,11 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { TabbarComponent } from "./tabbar.component";
describe("TabbarComponent", () => {
let component: TabbarComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ TabbarComponent ]
})
diff --git a/src/app/lists/list/list.component.spec.ts b/src/app/lists/list/list.component.spec.ts
index 23477a3f3f..8b851b2967 100644
--- a/src/app/lists/list/list.component.spec.ts
+++ b/src/app/lists/list/list.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { ListComponent } from "./list.component";
@@ -6,7 +6,7 @@ describe("ListComponent", () => {
let component: ListComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ ListComponent ]
})
diff --git a/src/app/menus/navbar/navbar.component.spec.ts b/src/app/menus/navbar/navbar.component.spec.ts
index 318e875c0a..559efe5721 100644
--- a/src/app/menus/navbar/navbar.component.spec.ts
+++ b/src/app/menus/navbar/navbar.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { NavbarComponent } from "./navbar.component";
@@ -6,7 +6,7 @@ describe("NavbarComponent", () => {
let component: NavbarComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ NavbarComponent ]
})
diff --git a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.spec.ts b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.spec.ts
index e22a2ac0f9..55d99f1ace 100644
--- a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.spec.ts
+++ b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { CsvExportSample1Component } from "./csv-export-sample-1.component";
@@ -6,7 +6,7 @@ describe("CsvExportSample1Component", () => {
let component: CsvExportSample1Component;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ CsvExportSample1Component ]
})
diff --git a/src/app/services/export-csv/csv-export.component.spec.ts b/src/app/services/export-csv/csv-export.component.spec.ts
index 734f26a839..20d1c64daa 100644
--- a/src/app/services/export-csv/csv-export.component.spec.ts
+++ b/src/app/services/export-csv/csv-export.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { CsvExportComponent } from "./csv-export.component";
@@ -6,7 +6,7 @@ describe("CsvExportComponent", () => {
let component: CsvExportComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ CsvExportComponent ]
})
diff --git a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.spec.ts b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.spec.ts
index 7382d0c88e..cbbeaea9a4 100644
--- a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.spec.ts
+++ b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { ExcelExportSample1Component } from "./excel-export-sample-1.component";
@@ -6,7 +6,7 @@ describe("ExcelExportSample1Component", () => {
let component: ExcelExportSample1Component;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ ExcelExportSample1Component ]
})
diff --git a/src/app/services/export-excel/excel-export.component.spec.ts b/src/app/services/export-excel/excel-export.component.spec.ts
index 0194780d5d..e198f7ef03 100644
--- a/src/app/services/export-excel/excel-export.component.spec.ts
+++ b/src/app/services/export-excel/excel-export.component.spec.ts
@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from "@angular/core/testing";
+import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
import { ExcelExportComponent } from "./excel-export.component";
@@ -6,7 +6,7 @@ describe("ExcelExportComponent", () => {
let component: ExcelExportComponent;
let fixture: ComponentFixture;
- beforeEach(async(() => {
+ beforeEach(waitForAsync(() => {
TestBed.configureTestingModule({
declarations: [ ExcelExportComponent ]
})
diff --git a/src/app/theming/dark-theme-sample/dark-theme-sample.component.ts b/src/app/theming/dark-theme-sample/dark-theme-sample.component.ts
index 8af773e3b4..ae3862d8da 100644
--- a/src/app/theming/dark-theme-sample/dark-theme-sample.component.ts
+++ b/src/app/theming/dark-theme-sample/dark-theme-sample.component.ts
@@ -52,12 +52,7 @@ export class DarkThemeSampleComponent implements OnInit {
scrollStrategy: new CloseScrollStrategy()
};
- private _dialogOverlaySettings2 = {
- closeOnOutsideClick: true,
- modal: true,
- outlet: this.outlet,
- scrollStrategy: new CloseScrollStrategy()
- };
+ private _dialogOverlaySettings2;
constructor() { }
@@ -98,6 +93,12 @@ export class DarkThemeSampleComponent implements OnInit {
public ngOnInit() {
this.data = DATA;
this.record = new Record();
+ this._dialogOverlaySettings2 = {
+ closeOnOutsideClick: true,
+ modal: true,
+ outlet: this.outlet,
+ scrollStrategy: new CloseScrollStrategy()
+ };
}
}
diff --git a/src/app/theming/default-theme-sample/default-theme-sample.component.ts b/src/app/theming/default-theme-sample/default-theme-sample.component.ts
index 924b5b2d23..d6061822d9 100644
--- a/src/app/theming/default-theme-sample/default-theme-sample.component.ts
+++ b/src/app/theming/default-theme-sample/default-theme-sample.component.ts
@@ -50,12 +50,7 @@ export class DefaultThemeSampleComponent implements OnInit {
scrollStrategy: new CloseScrollStrategy()
};
- private _dialogOverlaySettings2 = {
- closeOnOutsideClick: true,
- modal: true,
- outlet: this.outlet,
- scrollStrategy: new CloseScrollStrategy()
- };
+ private _dialogOverlaySettings2;
constructor() { }
@@ -96,5 +91,11 @@ export class DefaultThemeSampleComponent implements OnInit {
public ngOnInit() {
this.data = DATA;
this.record = new Record();
+ this._dialogOverlaySettings2 = {
+ closeOnOutsideClick: true,
+ modal: true,
+ outlet: this.outlet,
+ scrollStrategy: new CloseScrollStrategy()
+ };
}
}
diff --git a/src/app/theming/theme-chooser/theme-chooser-sample.component.ts b/src/app/theming/theme-chooser/theme-chooser-sample.component.ts
index 1a46a0f447..6d11175588 100644
--- a/src/app/theming/theme-chooser/theme-chooser-sample.component.ts
+++ b/src/app/theming/theme-chooser/theme-chooser-sample.component.ts
@@ -51,12 +51,7 @@ export class ThemeChooserSampleComponent implements OnInit {
private deletedRow;
- private _dialogOverlaySettings2 = {
- closeOnOutsideClick: true,
- modal: true,
- outlet: this.outlet,
- scrollStrategy: new CloseScrollStrategy()
- };
+ private _dialogOverlaySettings2;
constructor() { }
@@ -96,5 +91,11 @@ export class ThemeChooserSampleComponent implements OnInit {
this.datePicker.outlet = this.outlet;
this.data = DATA;
this.record = new Record();
+ this._dialogOverlaySettings2 = {
+ closeOnOutsideClick: true,
+ modal: true,
+ outlet: this.outlet,
+ scrollStrategy: new CloseScrollStrategy()
+ };
}
}
diff --git a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html
index 9ce30d2e3f..ee65f9657c 100644
--- a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html
+++ b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.html
@@ -3,23 +3,26 @@
[data]="data"
primaryKey="ID"
foreignKey = "ParentID"
- [showToolbar]="true"
height="500px"
width="100%"
[columnSelection]="currentColumnSelection">
-
-
-
+
+
Column Selection
None
Single
Mulitple
-
+
+
+
+
+
+
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.html b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.html
index fb4dc074fe..3eb6400cf5 100644
--- a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.html
+++ b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.html
@@ -1,8 +1,10 @@
+
-
+
+
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html
index 57064079aa..3fefee7813 100644
--- a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html
+++ b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.html
@@ -1,9 +1,11 @@
-
+
+
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html
index afae5df6e9..c5a9709cb3 100644
--- a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html
+++ b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.html
@@ -14,22 +14,26 @@
-
+ [autoGenerate]="false" [clipboardOptions]="options">
+
+
Grid copy behavior
Copying of header labels
Copying column formatters
-
+
clear
Selection
-
+
+
+
+
@@ -41,4 +45,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html
index 26b6459cac..3d21deb976 100644
--- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html
+++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.html
@@ -1,7 +1,9 @@
+
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts
index ced62d2194..9b1446fc16 100644
--- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts
+++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts
@@ -1,5 +1,4 @@
-import { AfterViewInit, Component, OnInit, ViewChild } from "@angular/core";
-import { IgxTreeGridComponent } from "igniteui-angular";
+import { AfterViewInit, Component, OnInit } from "@angular/core";
import { generateEmployeeDetailedFlatData } from "../data/employees-flat-detailed";
@Component({
@@ -7,9 +6,8 @@ import { generateEmployeeDetailedFlatData } from "../data/employees-flat-detaile
styleUrls: ["./tree-grid-column-hiding-toolbar-sample.component.scss"],
templateUrl: "./tree-grid-column-hiding-toolbar-sample.component.html"
})
-export class TreeGridColumnHidingToolbarSampleComponent implements OnInit, AfterViewInit {
+export class TreeGridColumnHidingToolbarSampleComponent implements OnInit {
- @ViewChild("treeGrid", { read: IgxTreeGridComponent, static: true }) public treeGrid: IgxTreeGridComponent;
public data: any[];
constructor() { }
@@ -17,8 +15,4 @@ export class TreeGridColumnHidingToolbarSampleComponent implements OnInit, After
public ngOnInit() {
this.data = generateEmployeeDetailedFlatData();
}
-
- public ngAfterViewInit() {
- this.treeGrid.toolbar.columnHidingUI.columnsAreaMaxHeight = "200px";
- }
}
diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html
index 56a9378bf2..3d21deb976 100644
--- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html
+++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.html
@@ -1,7 +1,9 @@
+
+ width="100%" [columnPinning]='true'>
+
+
-
+
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html
index cba33ba12c..bc07bcc44b 100644
--- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html
+++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.html
@@ -1,9 +1,11 @@
-
+
+
@@ -24,4 +26,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html
index d50964584d..b5b0845a61 100644
--- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html
+++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.html
@@ -1,6 +1,8 @@
-
+
@@ -21,4 +23,4 @@
-
\ No newline at end of file
+
diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html
index f08385c199..506608d695 100644
--- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html
+++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.html
@@ -1,6 +1,8 @@
-
+
diff --git a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html
index ff80ba8c74..636de01e3b 100644
--- a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html
+++ b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.html
@@ -1,8 +1,9 @@
+
diff --git a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html
index 047971a313..0b34d16bbe 100644
--- a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html
+++ b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.html
@@ -1,6 +1,8 @@
-
+
@@ -24,8 +26,10 @@
+
diff --git a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.html b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.html
index 46a29ff7d7..7409664ca9 100644
--- a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.html
+++ b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.html
@@ -1,6 +1,8 @@
-
+
+
-
\ No newline at end of file
+
+
diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.html b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.html
index 43461f8304..e7d0fd5c53 100644
--- a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.html
+++ b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.html
@@ -1,6 +1,5 @@
+
diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.html b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.html
index f97360645d..7ef10f98c7 100644
--- a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.html
+++ b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.html
@@ -1,8 +1,16 @@
+
+
+
+ clear
+ Clear Sort
+
+
+
+
@@ -16,11 +24,6 @@
-
- clear
- Clear Sort
-
-
+
diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.html b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.html
index 2c8594f248..2b622e6ff3 100644
--- a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.html
+++ b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.html
@@ -1,7 +1,8 @@
+
diff --git a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.html b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.html
index d94d4fae2c..29a546082e 100644
--- a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.html
+++ b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.html
@@ -1,6 +1,5 @@
+