Column Width Sizing Without Losing Horizontal Scroll in Material React Table v3

[AdityaBhadange]

Description:

I'm using Material React Table v3 and trying to achieve two things simultaneously:

Respect individual column sizes (size, maxSize, minSize).
Maintain a horizontal scroll when the content overflows the viewport.

I have the following configuration:
muiTableProps: { sx: { tableLayout: fixedLayout ? 'fixed' : 'auto' } }

• When tableLayout: 'fixed', it respects the column width constraints but does not provide a horizontal scroll when the action column overflows (especially on smaller screens).

• When tableLayout: 'auto', the horizontal scroll works as expected. However, a column (e.g., "Name") with a very long string ignores the size, maxSize, and minSize constraints, stretching the table too much before reaching the last column.

Question:

Is there a clean way to enforce column sizing while still keeping the horizontal scroll behavior intact? I have checked the documentation and understand its limitations, but I was wondering if there's an alternative approach to achieve both.

Any suggestions or workarounds would be highly appreciated. Thanks!