|
1 | 1 | # How-to-create-an-Angular-TreeGrid-using-Syncfusion-and-Angular-CLI |
2 | | -Create and configure the Angular Tree Grid of Syncfusion 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. |
| 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. |
| 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 |
| 6 | + |
| 7 | +Documentation: https://ej2.syncfusion.com/angular/documentation/treegrid/getting-started/ |
| 8 | + |
| 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. |
| 13 | +* Angular 4+ |
| 14 | +* TypeScript 2.6+ |
| 15 | + |
| 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. |
| 18 | + |
| 19 | +To do so, open the command prompt and run the below commands one after the other. |
| 20 | + |
| 21 | +``` |
| 22 | +git clone https://github.com/SyncfusionSamples/How-to-create-an-Angular-TreeGrid-using-Syncfusion-and-Angular-CLI treegrid-example |
| 23 | +cd treegrid-example |
| 24 | +``` |
| 25 | + |
| 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. |
| 28 | + |
| 29 | +``` |
| 30 | +npm install |
| 31 | +``` |
| 32 | + |
| 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. |
| 35 | + |
| 36 | +## Further help |
| 37 | + |
| 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). |
0 commit comments