|
1 | | -# How-to-create-an-Angular-TreeGrid-using-Syncfusion-and-Angular-CLI |
| 1 | +# How to Work with Filtering Options of Angular Tree Grid |
2 | 2 |
|
3 | | -A quick start project that helps you to create the Syncfusion Angular Tree Grid using the "ng add" command of Angular Schematics. Show parent – child hierarchical data using the expand and collapse options. Added the prominent features to Tree Grid like paging, sorting and filtering. |
| 3 | +Learn how you can perform filtering in the Syncfusion Angular Tree Grid control. In this example, I explain how to enable filtering, consider diacritic characters while filtering, and filter at initial rendering. I also explain the filter hierarchy modes, filter operators, and advanced filter types. |
4 | 4 |
|
5 | | -Watch the video now: https://www.syncfusion.com/tutorial-videos/angular/treegrid?title=create-an-angular-tree-grid-using-angular-cli-and-schematics |
| 5 | +Documentation: https://ej2.syncfusion.com/angular/documentation/treegrid/filtering |
6 | 6 |
|
7 | | -Documentation: https://ej2.syncfusion.com/angular/documentation/treegrid/getting-started/ |
8 | 7 |
|
9 | | -Online example: https://ej2.syncfusion.com/angular/demos/#/material/treegrid/treegrid-overview |
10 | | - |
11 | | -## Project pre-requisites |
12 | | -Make sure that you have the compatible versions of TypeScript and Angular in your machine before starting to work on this project. |
| 8 | +## Project prerequisites |
| 9 | +Make sure that you have the compatible versions of TypeScript and Angular in your machine before starting to work on this project: |
13 | 10 | * Angular 4+ |
14 | 11 | * TypeScript 2.6+ |
15 | 12 |
|
16 | | -## How to run this application? |
17 | | -To run this application, you need to first clone the `How-to-create-an-Angular-TreeGrid-using-Syncfusion-and-Angular-CLI` repository and then navigate to its appropriate path where it has been in your system. |
| 13 | +## How to run this application |
| 14 | +To run this application, you need to first clone the `How to Work with Filtering Options of Angular Tree Grid` repository and then navigate to the path where it has been stored in your system. |
18 | 15 |
|
19 | 16 | To do so, open the command prompt and run the below commands one after the other. |
20 | 17 |
|
21 | 18 | ``` |
22 | | -git clone https://github.com/SyncfusionSamples/How-to-create-an-Angular-TreeGrid-using-Syncfusion-and-Angular-CLI treegrid-example |
| 19 | +git clone https://github.com/SyncfusionExamples/How-to-Work-with-Filtering-Options-of-Angular-Tree-Grid treegrid-example |
23 | 20 | cd treegrid-example |
24 | 21 | ``` |
25 | 22 |
|
26 | | -## Installing |
27 | | -Once done with downloading, next you need to install the necessary packages required to run this application locally. The `npm install` command will install all the needed angular packages into your current project and to do so, run the below command. |
| 23 | +## Installation |
| 24 | +Once done with downloading, you need to install the packages required to run this application locally. To do so, run the following command: |
28 | 25 |
|
29 | 26 | ``` |
30 | 27 | npm install |
31 | 28 | ``` |
| 29 | +This will install all the needed Angular packages into your current project. |
32 | 30 |
|
33 | | -## Running on development server |
34 | | -Run `ng serve` command for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. |
| 31 | +## Running on a development server |
| 32 | +Run the `ng serve` command for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. |
35 | 33 |
|
36 | 34 | ## Further help |
37 | 35 |
|
38 | | -To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). |
| 36 | +To get more help with the Angular CLI, use `ng help` or check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). |
0 commit comments