here is a new question for my fellow colleagues.
I am creating a framework and trying to standardize table creation, so I have to take under consideration all possible scenarios and am between decisions concerning large tabular data that expand off-screen with multiple row-actions.
I have already created two flavours of tables for small screens, either the table is scrollable off-screen or have a collapsible version of stacked cells.
- Collapsible version. The vertical ellipsis icon includes row actions in a popover.
However, since our applications are using HUGE tabular data (like 100+ columns) and some of the rows have actions that cannot be translated into distinguishable icons (e.g. Flood reporting) I have to come up with a solution for large tabular data with many actions in text format. Stacking this kind of volume of data vertically is out of the question, so a solution has to be found for the scrollable version of the table.
- Scrollable table
However, it is obvious that it is bad UX for a row to have actions off-screen. Keep in mind that these rows will probably have to be selectable as well.
I have thought of creating a fixed column with a popover on the right, but am not really fond of this solution; adding to the previous comment, imho, checkboxes should always be on the left of the row, so having two fixed columns - one on the left for checkboxes and one on the right for actions feels wrong. Having checkboxes and actions on the right feels even worse.
So, the best scenario I could think of, that is somewhat limiting, is to have a 'multi-select' icon off-screen, only appearing on small screen resolutions so that the checkbox row only appears on-demand.
I am wondering what kind of ideas do you guys have? I would like to avoid any swipe-related solutions due to these feel natural only on specific sets of devices.