I’m using a TreeGrid to show one single object per page. Therefore I have one column with the keys of the object and one column with the corresponding values. If a value is a object, then there is a are columns with a higher level below the column also using key and value columns for the properties of the subobject. Below is an example of how it looks like:

Now the user wants to resize the columns because there are trimmed strings. When I tried I only achieved this by dragging at the header. But in by component I deactivated the header, because it doesn’t fit the design guideline. Is there a possibility to allow the user to resize the column without seeing the header?