Fixed Header not working

  • Resolved DeeperLook

    (@deeperlook)


    8 years, 1 month ago

    Hi there,

    I’m using your ‘TablePress’ and ‘TablePress Extension: DataTables FixedHeader’ plugins however, the shortcode I’ve used doesn’t seem to enable the fixed header, see here: [table id=1 datatables_fixedheader=top /]

    I’m not entirely sure what else I can do as that’s all your documentation says to do. Could you please assist.

    Thank you.

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    8 years, 1 month ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The reason for this is a different JavaScript error on your site (which you can see in the error log console in your browser). In particular, the JS file /wp-content/themes/cts/js/default.js of your theme is calling a select2 script function, but that function does not exist. This causes a JavaScript error, after which all other JavaScript code on the page is also stopped.
    I can only suggest that you try contacting your theme’s developers about this.

    Regards,
    Tobias

    Thread Starter DeeperLook

    (@deeperlook)

    8 years, 1 month ago

    Hi there Tobias,

    I have cleared up the select2 issue however, the header is still not scrolling down with the user.
    How can I fix this?

    Thanks.

    Thread Starter DeeperLook

    (@deeperlook)

    8 years, 1 month ago

    Ah, I’ve just changed the theme to WP2017 and it works.

    Any thoughts on what could be obstructing it in the meantime?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 1 month ago

    Hi,

    that’s good! Now, we just need a small CSS fix. Please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress.fixedHeader-floating {
  z-index: 1000;
}

    Regards,
    Tobias

    Thread Starter DeeperLook

    (@deeperlook)

    8 years, 1 month ago

    Hi Tobias,

    I’ve added that css to the Custom CSS textarea in the Plugin Options tab but it hasn’t seemed to fix it.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 1 month ago

    Hi,

    ah, my bad. Due to the load order, we need a small tweak:

    .tablepress.fixedHeader-floating {
  z-index: 1000 !important;
}

    Regards,
    Tobias

    Thread Starter DeeperLook

    (@deeperlook)

    8 years, 1 month ago

    Oh of course haha, !important.

    Thank you so much!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 1 month 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!

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

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