make scroll bar appear at all times on mobile

  • Resolved dev grl

    (@siqve006)


    4 years, 8 months ago

    I like the scroll option for mobile viewing when my table is normally too wide to fit, but is there a css trick to make the bar visible (not just on hover) so it looks obvious that people can scroll right before they touch the screen?

    • This topic was modified 4 years, 8 months ago by dev grl.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I see what you mean, but haven’t seen a CSS way for that, sorry. It’s solely controlled by the operating system (iOS or Android) to decide when to display the scrollbar.

    Regards,
    Tobias

    I am facing a similar issue as to how to inform users to scroll to see the complete table in small devices. and also is there any way to keep the first column static while scrolling. I mean like a sticky header.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    unfortunately, I’m not aware of mechanism to keep the scroll bar visible on small devices, sorry. Your best chance might be an informative text (which could be hidden on large screen with a bit of CSS).

    Making the first column static is also possible, with a different TablePress Extension, see https://tablepress.org/extensions/datatables-fixedcolumns/

    Regards,
    Tobias

    Thank you for the quick reply. I am trying to implement the solution. But it seems to be not responding. I want the left-most column to be static.

    [table id=1 responsive=scroll datatables_fixedcolumns_left_columns=1 /]

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    please use only the Shortcode parameter

    [table id=1 datatables_fixedcolumns_left_columns=1 /]

    here. Also, make sure that the Extension from above has been installed AND activated as a plugin on the site.
    Please also check that the “Use DataTables” checkbox is checked on the table’s “Edit” screen (the checkboxes for the individual features can be turned off, if those are not desired).

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘make scroll bar appear at all times on mobile’ is closed to new replies.