Skip to content
This repository was archived by the owner on Apr 11, 2025. It is now read-only.

SEO-177252 Angular Tree Grid External Linking #3

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open

SEO-177252 Angular Tree Grid External Linking #3

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
4273e4b
SEO-177252 Angular Tree Grid External Linking
Yvone-Atieno Nov 27, 2023
256a3c0
added video link
Yvone-Atieno Nov 27, 2023
abac4de
made changes
Yvone-Atieno Nov 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 57 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Angular11TreeGrid

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.3.
The [Angular Tree Grid](https://www.syncfusion.com/angular-components/angular-tree-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples) is a feature-rich control used to visualize self-referential, hierarchical data effectively in a tabular format (a tree-like structure). This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.3.

## Development server

Expand All @@ -25,3 +25,59 @@ Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protrac
## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

## Features and Benefits

### Column

Columns define the schema of a data source in Angular Tree Grid. Features include formatting, column definitions, text wrapping, column chooser, column menu, column reordering, and other important features.

### Paging

Through [paging](https://ej2.syncfusion.com/angular/documentation/treegrid/paging?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), a segment of data can be viewed from the assigned data source. The Angular Tree Grid offers built-in pager UI with options to customize its entire UI. It also has an on-demand paging mode for effective data retrieval from remote web services.

### Sorting

The Angular Tree Grid allows users to sort a column by simply clicking on the header. A Ctrl + header click performs multi-sorting. Sort data in either ascending or descending order.

### Filtering

Filtering helps view specific or related records that meet a given filtering criteria. It supports various filter types that include powerful Excel-like filter. The Angular Tree Grid filter allows users to choose appropriate filter types, define their own custom filtering logic, and customize the filtering UI based on their application needs. Filtering with related parent or child records can be defined.

### Selection

Angular Tree Grid allows selecting rows or cells. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.

## Related links
[Learn More about Angular Tree Grid](https://www.syncfusion.com/angular-components/angular-tree-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[Download Free Trial](https://www.syncfusion.com/downloads/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[Documentation](https://ej2.syncfusion.com/angular/documentation/treegrid/getting-started?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[View Demos](https://github.com/SyncfusionExamples/ej2-angular-11-tree-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[Community Forums](https://www.syncfusion.com/forums/angular-js2?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[Online example](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/treegrid/default?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

[Video Tutorials](https://www.syncfusion.com/tutorial-videos/angular/tree-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)

## About Syncfusion Angular UI Components

Syncfusion's [Angular UI Components](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Tree Grid, we provide popular Angular Components such as [DataGrid](https://www.syncfusion.com/angular-components/angular-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [Charts](https://www.syncfusion.com/angular-ui-components/angular-charts?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [Scheduler](https://www.syncfusion.com/angular-components/angular-scheduler?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), and [Word Processor](https://www.syncfusion.com/angular-components/angular-word-processor?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples).

### About Syncfusion
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.

<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />

<p align="center">
<a href="mailto:sales@syncfusion.com?Subject=Syncfusion Angular Tree Grid - GitHub" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=angular-tree-grid-github-samples">www.syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br>
</p>