Tree has bad alignment

If you create a tree where a node in the first level does not have children, the alignment of the tree is wrong. You can clearly see it here where I changed your inline sample removing the childs from BMW:


I expect the letters of BMW, Audi and Mercedes to have the same starting point

You can try adding the following CSS:

.rz-treenode-label {
    padding-left: 24px;

.rz-tree-toggler + .rz-treenode-label {
    padding-left: 0;

It will offset leaf nodes to compensate for the toggle icon. We will investigate how to handle this better.

1 Like