Hey pals, I have a quick question on the best way to make tables mobile responsive within grids:

• I have a grid layout with a sticky header in the left column and a series of tables that scroll normally on the right. This collapses to a single scrolling column on smaller screen sizes.
• The table works fine in desktop but overflows the grid on smaller sizes.
• I could adjust the min/max column width amounts to get it all to fit within the bounds of the column, but this seems wrong.
• I’d much rather just have the table contents scroll horizontally within the bounds of the column while the header and pagination sections just take up the regular column width.

What’s the best way to do this? I’m just using a standard table1 component as a base.