Responsive table – scroll without flip

  • Resolved flipside

    (@flipside)


    10 years, 7 months ago

    Hi,

    I was just wondering if there is, or will be, any way to use the responsive table so that it scrolls on phones, but doesn’t flip. The table I’m using is taller than it is wide. I need only to scroll, not to flip.

    Using Scroll instead of Flip works great for phones, but then I have an unneeded scroll bar when viewed from the desktop.

    Thanks.

    https://ww.wp.xz.cn/plugins/tablepress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 7 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    I’m not really sure what you mean. The scroll mode of the Responsive Tables Extension from https://tablepress.org/extensions/responsive-tables/ does just that.

    Regards,
    Tobias

    Thread Starter flipside

    (@flipside)

    10 years, 7 months ago

    Hi,

    Thanks for the follow-up. When I set

    [table id=2 responsive=scroll]

    I see a scroll bar when viewing the table on a desktop. But on a desktop, the table doesn’t need a scroll bar. In fact, even though the scroll bar is displayed, it’s not possible to scroll it. It looks like this.

    What I really need is to have it scroll only on phones like this:

    [table id=2 responsive=scroll responsive_breakpoint=phone /]

    but that’s not available.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 7 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    I’m afraid that’s not easily possible. Also, you should only see that scrollbar in Internet Explorer on the desktop. All other browsers should hide it, as the table is not scrollable.

    To work around that, you could maybe play with CSS3 Media Queries, and e.g. add some “Custom CSS” like

    @media (min-width: 1000px) {
  .tablepress-scroll-wrapper {
    overflow-x: visible;
  }
}

    Regards,
    Tobias

    Thread Starter flipside

    (@flipside)

    10 years, 7 months ago

    OK. Thanks for your help. I’ll play around with the CSS.

    I’m seeing the scroll bar in Chrome, by the way. That’s where the screenshot came from.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 7 months ago

    Hi,

    hhm, that’s strange. Then, the CSS approach should be the best way to proceed here.

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Responsive table – scroll without flip’ is closed to new replies.