TreeTable child not rendering well

Flow
1

Hi everyone,
I’ve a problem with TreeTable component. I’m using Vaadin 7.7.10.
In the attachment you can see the structure of a Vaadin project folder with META-INF, VAADIN and WEB-INF folders.

There is no indentation for child MANIFEST.MF (and it’s a child of META-INF).

This is my code:

...
TreeTable treetable = new TreeTable("File System");
treetable.setSelectable(true);
treetable.setColumnCollapsingAllowed(true);
treetable.setColumnReorderingAllowed(true);
treetable.setSizeFull();

FilesystemContainer currentFileSystem = new FilesystemContainer(folder);
currentFileSystem.setRecursive(true); 

treetable.setContainerDataSource(currentFileSystem);
treetable.setItemIconPropertyId("Icon");
treetable.setHierarchyColumn(FilesystemContainer.PROPERTY_NAME);
...

Can you help me?

Thank you!
Alessandro

17020470.png

2

It looks like something is redefining in your theme the spacer for indent, you may try something like this. But before that do inspect element with Chrome dev tools to see what the value is now. Also check your theme if it is already defined somewhere and redefine it to be something you like.

.v-treetable-treespacer {
width: 20px !important;
}
3

Hi Tatu,
Thanks for your kindly reply.
In the attachment the results of Chrome dev tool.
There is no style v-treetable. In my theme there is no redefing of treetable or something similar.
Strange things.
There is only in the “header” of table (id=“gwt-uid-12”).

Thanks,
Alessandro
17020633.png

4

Hi again Tatu,
Maybe this is what you mean (image in attachment)?

Thanks,
Alessandro
17020685.png

5

Yes, it is exactly that one. Your screen capture shows, that there is 100px wide span, which indents the the row in tree. Is there now missmatch, i.e. despite the span being there, it is not visible in actual UI?