Skip to main content

Hello, thanks for reading.


I am trying to get the hang of creating tables in Figma, I’m using this tutorial: How to Create Data Tables in Figma: Best Practices and Figma File | Untitled UI. I realise this was written before the last Figma UI update, but I thought the functionality of, in this case, Auto Layout would remain the same so I would be able to puzzle it out. But I’m at step 18 of the tutorial (Make your table component responsive) and I haven’t been able to replicate the step.


The tutorial says: ‘While you have the entire table component selected, switch the width from hug contents to fixed width. Then, press enter to select the child layers (Table header and Content). In the Frame properties section, switch the horizontal resizing to fill container

When I change the horizontal resizing to fill container, my table looks like the screenshot at the bottom. This doesn’t feel like what should be happening, for some reason the table header resizes to 418 px height, when the text in the header is just 22 px in height. I haven’t been able to get this right. Any help would be appreciated!

Are you selecting the horizontal or vertical resizing? From your screenshot and explanation it looks like the behavior of vertical resizing


That would be quite silly, but might actually be it… I picked ‘Fill’ from the dropdown labeled ‘H’. That would be Height, of course, not Horizontal. I got a bit tunnel visioned I think.


Thanks for the answer!


Reply