Tables Inside Tabs

  • Resolved Derek Ryans

    (@derekryans)


    10 years, 8 months ago

    Hi there, this is an amazing plugin! I played with it a little bit and got exactly what I wanted for the responsive horizontal scrolling on the mobile site. The issue I am having right now is that on my page, there are two tabs and while the table in the first tab works fine, the other two tables in the second tab just won’t show. It shows on my phone, but not the actual site on a computer. I’m using Google Chrome to do the editing so I thought maybe I’d try using Firefox to see it’d fix the problem but that didn’t do it either. I’ve cleared the cache as well…any other ideas? Thanks ahead of time.

    URL with the issue: http://www.notzeroyet.com/sizing-chart/
    Please check under the tab, “Hoodies & Tanks”

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

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

    (@tobiasbg)

    10 years, 8 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The reason for this is that the DataTables JS library needs the table to be visible, in order to calculate its width. My suggestion to resolve this would therefore be to uncheck the “Use DataTables checkbox for these tables, as you are not using the individual features anways.

    Regards,
    Tobias

    Thread Starter Derek Ryans

    (@derekryans)

    10 years, 8 months ago

    But the issue with that is, if I unchecked it, on mobile version, the table would extend out beyond the containers…I’d like to keep it scrollable when on mobile…
    For some reason it works for one table under the same tab, but the same tables copied over to the second tab don’t work.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 8 months ago

    Hi,

    it will work on the tab that is shown initially, but not on the tabs that are initially hidden.

    For the horizontal scrolling, you could switch to an alternative approach, that does not use the DataTables JS library: https://tablepress.org/extensions/responsive-tables/

    Regards,
    Tobias

    Thread Starter Derek Ryans

    (@derekryans)

    10 years, 8 months ago

    I tried unchecking the box for Use Datatables and I installed the extension but that didn’t work either. On mobile, the size chart extended beyond the container.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 8 months ago

    Hi,

    did you also adjust the Shortcodes? You’ll have to add responsive=scroll there. That doesn’t seem to be the case at the moment, right?

    Regards,
    Tobias

    turkijefm

    (@turkijefm)

    10 years, 8 months ago

    How can you create tabs in tabs ? ( maybe a stupid question?)

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 8 months ago

    Hi turkijefm,

    sorry, that’s something that you’ll have to ask the developers of the tabs plugin that you want to use.

    Regards,
    Tobias

    Thread Starter Derek Ryans

    (@derekryans)

    10 years, 8 months ago

    Ah! When I read the directions to the plugin I thought I was supposed to write “responsive=<scroll>” It was the <> that made it not work. It works now! I saw that it was a premium extension, so I’ll go and make a donation tomorrow! Thanks a lot!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 8 months ago

    Hi,

    yeah, the < and > might be misleading there. I should probably change that.

    Good to hear that it’s working now! 🙂 And thanks for wanting to donate, I really appreciate it!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘Tables Inside Tabs’ is closed to new replies.