RG: Dynamic column width of ALL ROWS

Need help
1

Hi guys,

for a longer time now I’m trying to build my tables in a way, that they adjust the columns width to the largest width of any row. (Like Excel, you would just drag the column width to the highest width). Im kinda surprised, that there are only a few people with the same problem as me…

I don’t get how it should be done. Sure, I can fix the width of the text fields to the largest possible amount, but thats not responsive to different window widths/ screen widths.

not dynamic width
not dynamic width740×287 16.2 KB

In the Image given, Column B should start right (+ 25 px) to the longest row of column 1.
How can this be achieved?

Here’s the app:

Thank you a lot!
Robin

2

You’ve set your text elements and groups to ‘fit width to content’, so that’s exactly what they’re doing…

If you want them to be the same width, then uncheck that box and define their widths.

3

I don’t want to define a fixed width for the elements. I want them to be flexible in width.

As example, look at the image provided:
The Length of each text under Column A should be the max length of each row’s first text field. In the given example, that would result in each row’s first text field has the length of text field

Very long entry. Very long entry. Very long entry.

So, In the end i want each column to expand to the needed length, but all respective items together.

4

I never said anything about using fixed widths…

In any case, if you don’t want to define widths for your elements in the editor, you’re probably going to need to use come custom JavaScript to get the width of the largest rendered text element in the RG, then use some custom CSS to apply that to all the other elements.

1 Like
5

Sorry for the late answer!

I might misunderstood you.
So, I changed the thing you mentioned, Now i get equally spaced columns. Was that what you meant to say?
Thx.

6

This topic was automatically closed after 70 days. New replies are no longer allowed.