All of the examples that I am finding online and in your documentation are broken for this situation. I am able to customize all columns in my TreeList component EXCEPT the first column which is the expandable one.
I was trying to use the code found on this StackBlitz that works, but it's using an old version of the treelist and I'm using the latest version (7.4.0):
And I found this in your knowledge base using 5.12 - which doesn't even work:
Defining custom expand/collapse cell - KendoReact TreeList (telerik.com)
(the expandable icon is not showing - which is the behavior I am experiencing in my code).
Is there a known issue with the TreeList currently?
Hi Stephanie,
The old KB article will still be applicable with the latest version, but a few changes have to be applied to handle the new way of defining the font icons.
First, you need to include "k-font-icon" to the class names of the font icons and also, the icons must be included on the page:
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-font-icons/dist/index.css" />
Detailed information about the font icons is available in the following help article:
However, for adding the padding you can add just an empty span element with fixed width (n number of times based on the level) or as you have found out, use a different icon.