The disclosure node is placed in a separate column which for root items contain that arrow and for child items - some data. Currently there's an indentation between arrow and data(see image below).

How can I remove that? Thanks.
I looked high and low for a solution to this my self and finally found it by looking at the source for the skin for the TreeTableRow. Apparently there is a css property called -fx-indent that will do what you need.
This is how I achieved a similar result to what I believe you are trying to do:
.tree-table-row-cell{
-fx-indent: -20;
}
Obviously you need to figure out a better value than -20 but that did the trick in my proof of concept.
I hope this helps.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With