Responsive Fixed Header

  • Resolved The OEI Group

    (@cornerstonetechs)


    9 years ago

    Hello,

    I currently have a table set up inside of a tab. At the url below you will find the table in question under “COMPARE”.

    I have this table set to NOT use the first row as a header which causes it to expand outside of the tab. In order to resolve this, I used the following shortcode.

    [table id=Compare-Fixed responsive=scroll responsive_breakpoint=phone /]

    By using the shortcode I can get the table to be responsive within the tab but the first row once again becomes a header and is fixed. This causes the content not to align with the first row.

    How can I resolve this?

    https://www.purifiedh2o.com/products/wl100/

    Thank You!

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

    (@tobiasbg)

    9 years ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Please uncheck the “Horizontal Scrolling” checkbox on that table’s “Edit” screen. This is causing problems here, as you are using the scroll mode of the Responsive Tables Extension, which basically adds the same feature, but with a different technical method.

    By the way: When loading your site, I’m getting a JavaScript error related to a jQuery(...).mask() function not being loaded, which actually causes the site to not work properly (in particular, the tabs don’t work).
    Update: This was caused by my adblocker.

    Regards,
    Tobias

    Thread Starter The OEI Group

    (@cornerstonetechs)

    9 years ago

    Hey Tobias,

    Thanks for the swift reply. In order to un-check the “Horizontal Scrolling,” I needed to turn on √ The first row of the table is the table header.

    After disabling the “Horizontal Scrolling” I then viewed the table and it was still showing as fixed.

    I then disabled the “Make Frist Row of the table a header” but received the same results.

    Laurence

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years ago

    Hi Laurence,

    are you sure that you looked at the “Compare-Fixed” table? For that one, the “Table Head row” checkbox is checked (and it must be, as we won’t get a header otherwise, at all).
    Also, the “Horizontal Scrolling” checkbox is still checked for that.

    Regards,
    Tobias

    Thread Starter The OEI Group

    (@cornerstonetechs)

    9 years ago

    Hey Tobias,

    I was confused. I was editing the “compare” table but had referenced the “compare-fixed” table within the tab. I changed it to be “compare” and now it’s working. Thanks again for your fantastic support!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    9 years ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

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

    Thread Starter The OEI Group

    (@cornerstonetechs)

    8 years, 10 months ago

    Hey Tobias,

    I’m not sure if something has changed in the plugin but my Horizontal Scrolling isn’t working anymore. https://www.purifiedh2o.com/products/wl250/ The table is located under the “Compare” tab. Any help would be great.

    Laurence

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 9 months ago

    Hi Laurence,

    I can confirm that the scrolling is not working, but to be honest, I have no clue why 🙁
    It seems that the tabs plugin that your are using (or the theme) is somehow preventing the scrolling from working…

    Regards,
    Tobias

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

The topic ‘Responsive Fixed Header’ is closed to new replies.