Creating a responsive table that properly resizes column headings

Hi all,

I’m trying to create a header that spaces cells and content inside properly but so far I’ve had to manually adjust the cell size and have the content sizing set to hug in order to achieve the final look.

If I set the content to fill the container, it resizes all of the cells to equal width and it looks like the image below which makes sense. I’m still trying to wrap my mind around multi-layering with auto-layout but is there a way I can maintain the same padding between my text/icon and have each cell size correctly so I don’t have all of the spacing between my cells and content inside?

Any help would be much appreciated!