Can't get this autolayout to work properly

[AM123]

Please search for existing topics before post! Press at the upper right to search.

I don’t know why i’m having such a difficult time getting this auto layout to work properly. I’m trying to replicate the screenshot to the right. The first column of items should have a smaller column width and the 2nd column should take up the rest of the container. If resized smaller, the columns should move into the next row and fill in a 2nd row.

Can anyone help?

[tank666]

Hi @AM123. You can view and duplicate the Community files to see how the tables are made:

Figma

You can also watch video tutorials:
https://m.youtube.com/results?sp=mAEA&search_query=Figma+table

[AM123]

Hi @tank666 I watched a few of these videos but still can’t figure out how to make it so the autolayout always maintains a fixed width for Column 1 and Column 2 fills the container, but both columns wrap text when the child text elements expand past their containers.

[tank666]

1. Create a Text Layer;
2. Add Auto Layout to it;
3. Expand the resulting cell manually (drag the left or right border);
4. Select the Text Layer, on the Property Panel, under “Resizing”, set the “Fill container” to horizontal;
5. Choose Auto Layout and duplicate it;
6. Place a copy of the cell next to the first cell;
7. Select two cells and add Auto Layout to them;
8. Select the two cells again, set the “Fill container” vertically on the Property Panel;
9. Test it by typing some long text into the Text Layer.