New to Kendo UI for Angular? Start a free 30-day trial

Angular TreeList Styling Rows

The TreeList enables you to customize the appearance of the rows depending on some conditions.

To style the rows of the TreeList, use the rowClass function. The callback is executed for each row and allows you to insert custom CSS classes.

The following example demonstrates how to apply a different background color to the rows based on a field value.

Example
View Source
Change Theme:

Disabling Rows Conditionally

To prevent the user from interacting with specific rows, you can apply the k-disabled class to the rows.

The following example demonstrates how to disable specific rows by applying the k-disabled class conditionally.

Example
View Source
Change Theme:

In this article

Not finding the help you need?