How to always show horiz. scrollbar on responsive tables

2 replies · opened Sep 25, 2018

RryearmSep 25, 2018

Hello!

Is is possible through CSS to always show horizontal scrollbars on responsive tables when viewed on mobile devices.
I've designed a site for a client who is complaining that there is no indication that a table is responsive on mobile.

I've searched Bootstrap 4 documentation but could find no solution.

thank you so much!

Rye

SSemicolon WebSTAFFSep 27, 2018

Hello,

Unfortunately, the Mobile Browsers hide the Scrollbars by Default. Consider using an Image or Alert Box below/above the Table to indicate the User that the Table is responsive. You can then use the Bootstrap Display Classes: http://getbootstrap.com/docs/4.1/utilities/display/ to Hide this Indication on Desktop Devices.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RryearmSep 27, 2018

That's a great idea, thank you!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard