Tables cut off on mobile

Be sure to read and follow the guidelines for our forums.

Dec 10, 2021 4:52 pm
The table at the bottom of Bowl's post behaves differently on mobile LINK.

Here's what it looks like normally:
https://i.imgur.com/CXaHm9H.jpg

The table is cutoff on mobile without any indication that more columns exist:
https://i.imgur.com/Wxjl30v.jpg

I do find them if I rotate the mobile:
https://i.imgur.com/pfpTjr3.jpg

But if I didn't know the table was bigger, I wouldn't have known to rotate for more columns.

I think it would be helpful to have some indication that the table is cutoff so we know to look for more columns using desktop mode, or rotating. Or if there's a way to scroll over in mobile view, that would be good too.

Note: I'm using Android, Chrome browser on mobile.
Last edited December 10, 2021 4:53 pm
Dec 10, 2021 5:01 pm
Quote:
Note: I'm using Android, Chrome browser on mobile.
Just adding that it's the same for me on Safari on iOS on my iPhone
Last edited December 10, 2021 5:01 pm
Dec 10, 2021 5:35 pm
Ta. Tentative fixes options:
Wrap tables in a div with overflow-x:auto;
JS to get width of bbtables and containers. Tag tables with items that overflow with visual indicators.

You do not have permission to post in this thread.