You can specify the arrays that should be displayed by the tree with the parameter arrayNames from JSONTreeBinding.Try this as your item binding syntax:items="{path: '/rootItem', parameters: {arrayNames: ['characteristicGroups']}}"
There is currently a problem with the Web IDE at least for the "eu2" servers. This affects all developers and has nothing to do with your project. It should (hopefully) be resolved soon because many people cannot work properly right now.
Please try to use the aggregation "customHeaderContent"<semantic:customHeaderContent>
</semantic:customHeaderContent>HeaderContent does not exist for the semantic pages.
So currently, there is a big object with many entries on position 0 in your array. You want to have each entry of the object in its own position in the array. If I understand it correctly, try this sample.// your current array
var aArray = [{"zz1":"1...
You can specify the arrays that should be displayed by the tree. By default, all arrays are displayed as nodes, I guess the table also displays each entry from the "features" array as its own node, but these object do not match the binding templates,...