@progress/kendo-angular-treelist

Kendo UI for Angular TreeList

This package is part of Kendo UI for Angular—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.

You must install a license key when adding the package to your project. To receive a license key, either purchase a license or register for a free trial.

The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!

Start using Kendo UI for Angular and speed up your development process!

Angular TreeList Component

The Kendo UI for Angular TreeList is one of the most powerful and flexible data components designed for Angular developers looking to display relational data. The TreeList displays hierarchical data in a tabular format and comes with an extensive set of built-in features including paging, sorting, filtering, as well as row and column virtualization to assist with handling large datasets.

Key Features

Among the many features which the Kendo UI for Angular TreeList delivers are:

Data Binding—The TreeList features built-in and custom data-binding directives, which encapsulate the logic for handling data operations such as sorting and filtering out-of-the-box.
Editing—Depending on your users' requirements, you can opt for the inline or the in-cell edit modes, provide editing from an external form or Redux Form, and also further customize the TreeList.
Paging—Enables you to split its content into pages by adding a pager and using its extensive set of configuration options such as implementing a responsive behavior, customizing its appearance, defining the space between its elements, and more.
Sorting—Supports a number of sorting options including sorting and unsorting single and multiple columns, pre-sorting its data records, setting the sorting direction, and more.
Filtering—Provides options for displaying only those data records which meet specified criteria and also for additionally customizing its filtering behavior by using its built-in filter templates or reusable custom filter components.
Export to PDF and Excel—When implementing the TreeList export to PDF, you can set the fonts, the exact portion and layout of the exported content, also customize the columns and other elements of the output result. When exporting to Excel, you can export specific data and customize the exported columns.
Columns Options—The TreeList provides an extensive collection of column configuration options, such as:
- Hiding columns—Allows you to show or hide columns.
- Spanning columns —Spanning of the row content over multiple cells of data.
- Setting multi-column headers—Grouping columns under a common header.
- Column menu for quick actions—You can show or hide columns, filter, sort, and group them.
- Locking (freezing) columns—Allows you to display specific column data at all times.
- Reordering columns—You can reorder any column and with any available TreeList feature, including locked columns.
- Resizing columns—Allows you to resize columns in real-time by dragging the edges of the column headers.
- Customizing columns—Allows you to customize the columns of the TreeList using the available template directives.
Row Reordering—Enables quick and easy row reordering via dragging specified hint element and dropping it at the desired position.
Selection—Allows the user to select single or multiple cells and rows. It offers various ways to select data items, including directly clicking on a row or via a checkbox column. You can also customize the selection logic and persist the selected items based on specific requirements.
Virtualization—Supports a virtual scroll mode for its row data, which means that the component dynamically renders only a portion of the rows, which boosts the performance of the component when it has to display large data tables.
Styling—Provides built-in options for customizing the appearance and changing the default layout of its columns and rows, as well as the individual cells.
Globalization—By using the available globalization options in Kendo UI for Angular, you can translate the TreeList messages by adapting them to specific culture locales. Additionally, the TreeList supports rendering in a right-to-left (RTL) direction.
Accessibility—The Kendo UI for Angular TreeList is compliant with the Section 508 requirements. The TreeList is accessible by screen readers and provides WAI-ARIA support.
Keyboard Navigation—The Kendo UI for Angular TreeList supports a number of keyboard shortcuts which allow users to accomplish various commands.

Support Options

For any issues you might encounter while working with the Kendo UI for Angular TreeList, you have the following support channels available:

Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the dedicated Kendo UI for Angular support system.
Product forums—The Kendo UI for Angular forums are part of the free support you can get from the community and from the Kendo UI for Angular team.
Feedback portal—The Kendo UI for Angular feedback portal is where you can request and vote for new features to be added.

Resources

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.