Newman's Personal Motorcade

    TypeScript icon, indicating that this package has built-in type declarations

    20.2.44 • Public • Published


    The TreeGrid component is a feature-rich control used to visualize self-referential hierarchical data effectively in a tabular format.. It will pull data from a data source, such as array of JSON objects, OData web services, or DataManager binding data fields to columns. It also incudes interactions like expanding and collapsing the parent records.


    This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA To acquire a license, you can purchase one at or start a free 30-day trial here A free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.


    To install TreeGrid and its dependent packages, use the following command.

    npm install @syncfusion/ej2-angular-treegrid


    Supported Frameworks

    TreeGrid component is also offered in following list of frameworks.

    1. React
    2. VueJS
    3. ASP.NET Core
    4. ASP.NET MVC
    5. JavaScript (ES5)

    Key Features

    • Data sources - Bind the TreeGrid component with an array of JSON objects or DataManager.
    • Sorting - Supports n levels of sorting.
    • Filtering - Offers filter UI such as filter bar and menu at each column to filter data.
    • Paging - Provides the option to easily switch between pages using the pager bar.
    • Editing - provides the options for create, read, update, and delete operations.
    • Columns - The column definitions are used as the dataSource schema in the TreeGrid. This plays a vital role in rendering column values in the required format.
      • Reordering - Allows you to drag any column and drop it at any position in the TreeGrid’s column header row, allowing columns to be repositioned.
      • Resizing - Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
      • Cell Styling - TreeGrid cell styles can be customized either by using CSS or programmatically.
      • Selection - Rows or cells can be selected in the TreeGrid. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
      • Templates - Templates can be used to create custom user experiences in the TreeGrid.
    • [Aggregation] - Provides the option to easily visualized the Aggregates for column values.
    • Context menu -The context menu provides a list of actions to be performed in the TreeGrid. It appears when a cell, header, or the pager is right-clicked.
    • Export - Provides the options to Export the TreeGrid data to Excel, PDF, and CSV formats.
    • RTL support - Provides a full-fledged right-to-left mode which aligns content in the TreeGrid control from right to left.
    • Localization - Provides inherent support to localize the UI.


    Product support is available through following mediums.


    Check the license detail here.


    Check the changelog here

    © Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.


    npm i @syncfusion/ej2-angular-treegrid

    DownloadsWeekly Downloads





    SEE LICENSE IN license

    Unpacked Size

    817 kB

    Total Files


    Last publish


    • syncfusionorg
    • essentialjs2
    • syncfusion-javascript