Table actions on separate row - without split?

I have a table too wide for mobile. By default you have to scroll horizontally to get to the Action buttons the the end. My users are complaining this is not intuitive.

To get these Action buttons to show on a separate row, I have to wrap some or all columns in a Split. No big deal. All good so far.

Some of the Actions however are not always visible. For example, the "Pay" button for an invoice will only show if the Invoice is unpaid.

This looks fine on mobile, but seems to completely mess up the alignment on desktop. Removing the Split fixes this, but then we're back to the unintuitive mobile use.
Screenshot_2023-08-20_at_08.12.44.png
Was this page helpful?