Angular TreeList Styling Rows
The Angular TreeList enables you to customize the appearance of the rows depending on conditions.
To style the rows of the TreeList, use the rowClass function. The callback is executed for each row and lets you insert custom CSS classes.
To learn more about highlighting specific cells, refer to the Styling Cells article.
The following example demonstrates how to apply a different background color to the rows based on a field value.
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. In this example, all inactive staff members are disabled to indicate they are not currently available.