Level 75
I normally just show the important columns visible, and if needed you have to scroll over. Or only show some columns and have a more detail view of a record if needed.
1 like
Jul 5, 2026
8
Level 63
UX design for smartphone and several columns
Hello,
I have to show a table on a smartphone in portrait orientation.
The table can have from 2 to 5 or 6 columns.
If there are only 2 columns, it easy to do. But with 6 columns, the table is too large to be displayed correctly.
What are the different solutions for a good UX ?
Thanks for your help.
V
Level 63
Ok thank you. Effectively I also generally show more columns on large screens and less columns on small screens.
The problem in my case is that I already have the minimum columns number. I can't show less columns.
The only solutions I have found (for small screens) is to scroll horizontally or to display each column as an independant card.
But there are perhaps other solutions ?
Level 33
You can collapse several columns of a row into one column where data is stacked vertically in one wide column.
See an example here: https://www.tabulator.info/examples/6.x/#responsive-layout-collapse
1 like
Level 63
Thank you for the suggestion. Unfortunately, it's not possible, because the table has to be read by column, each column is independant from the others. But it's a good idea for other cases.
Level 80
@vincent15000 Either make the table horizontally scalable, or stack the columns on smaller viewports.
1 like
Level 63
When you say horizontally scalable, you mean scrollable ?
Level 80
@vincent15000 Yes, that was a typo. I meant to write “horizontally scrollable”.
1 like
Level 33
Show a warning near the table: this is best viewed in landscape mode, please rotate your smartphone.
1 like
Please or to participate in this conversation.