I was wondering if there was a built-in method to allow users in perspective to dynamically change the width of a table (Ex: clicking on the edge of the table and dragging it out). This is strictly for users in a launched browser session, not in the editor. I've thought about binding the width to a slider, but I was hoping there was an easier method that I just don't know about.
For this and features such as column filters you need to define the columns properly. In this case we need to use the column names in the data property.
columns.0.field : city columns.1.field : country columns.2.field : population
Thank you for the response. I am referring more so to the actual table component and the bounds of it rather than column width. Does this affect the width of the component or only the individual columns?
Yes, it is in a coordinate container. I usually like to include pictures with my posts, but I wasn't sure exactly what would make a good picture, hahah.
We forgot about the Split Container component! This post must have been on my mind because the solution came to me as I woke up this morning!
The green border has been added to show the limits of the split container. A padding of 5 was added.
The text is a label with alignVertical : top. To solve the overflow issue drop a Flex Container into the right split first and then drop the label into that. The overflow can then be sorted out with the flex's style.overflow property (and a vertical scrollbar will appear).