Fixed Header Doesn’t Stay Within Vertical Scroll

  • Resolved t1nexus22

    (@t1nexus22)


    2 years, 4 months ago

    Hello,
    I need help having the fix header of the table stay within while the user vertically scrolls. I have the fixed header extension (TablePress Extension: DataTables FixedHeader) enabled along with adding html short codes into it as well. The table header only appears when I scroll the actual window itself not in the table. I think the issue could be where my header nav is an overlay that doesn’t push the row section of that table down thus pushing the parameters of where the html short codes don’t fully work in my situation. Or could be an issue with the styling of my theme? I’m not too well verse with html/css but I am still learning. The previous designer created the website using his own code based off this porto theme. So I’m struggling to understanding what classes he used to stylize the pages. Any solutions?

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Unfortunately, I don’t think that the external JavaScript library for the FixedHeader allows fixing the header inside a separate div (in addition to the top edge of the screen). In addition, having the offset on the FixedHeader likely is not helpful, due to your fixed main navigation being transparent.
    Instead of using the FixedHeader, it might therefore make more sense to use the built-in vertical scrolling. For that, please remove your custom scroll div, and turn off the FixedHeader. Then, instead add this parameter to the Shortcode:

    [table id=3 datatables_scrolly=800px /]

    Regards,
    Tobias

    Thread Starter t1nexus22

    (@t1nexus22)

    Hi Tobias,
    I want to say thanks for building this wonderful plugin. It’s been helpful. Also, thanks for responding back so quick! It makes sense now why the extension doesn’t apply to my situation. I think I got confused between using the built-in table scroll and the window scroll. Reason being that I try to fit as much of the view of the table within the window. I suppose I can’t do that with it being too large. Nevertheless, I did as you instructed, and it’s better now.

    Appreciate the help!
    Kelvin

    Plugin Author TobiasBg

    (@tobiasbg)

    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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fixed Header Doesn’t Stay Within Vertical Scroll’ is closed to new replies.