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.
3 Replies
maybe set position of actions at the start
Thank you for the suggestion. I tried it just now. I would work if I could put some actions at the start, others at the end. With 4 actions at the start, people will not see what they're paying and still have to scroll horizontally. The Split solves the scrolling, but it messes up the layout, regardless of where I put the action buttons.