New to Kendo UI for AngularStart 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.

Change Theme
Theme
Loading ...

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.

Change Theme
Theme
Loading ...
In this article
Disabling Rows ConditionallySuggested Links
Not finding the help you need?
Contact Support