CSS issues TablePress FixedHeader

  • Resolved Kristofvg

    (@kristofvg)


    9 years, 8 months ago

    Hi Tobias

    First of all you created an awesome plugin. Everything works nicely but I’m having 2 small CSS related issues.

    1) When the page is reduced the scrollbar appears but the table is still wider than the main container of the page. How can I make sure the table stays within the main “wrap” container?

    2) While still too large the table does shrink a bit when the scrollbar appears but the fixed header doesn’t. It keeps the same width and misaligns with the columns below.

    Please look at page https://bit.ly/1LWjcXZ

    If you could fix this you’d be my hero of the day ??

    Thanks in advance
    Kristof

    https://www.ads-software.com/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    You can’t really force the table to stay within the container. The content of the table has to go somewhere after all…

    The width of the fixed header will be correct again after the page is reloaded. Its width is always calculated when the page is loaded, it does not react to the browser window being resized.

    Regards,
    Tobias

    Thread Starter Kristofvg

    (@kristofvg)

    Hi

    Ok then I misunderstood the purpose of the scrollbar. I thought it was a nice solution for a responsive layout but it doesn’t seem to display correctly either on my mobile.

    Any suggestions on how I can display that table correctly on my mobile and desktop?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    the scrollbar is a nice solution for a responsive layout, but for technical reasons, it won’t work nicely together with the Fixed Header ??

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS issues TablePress FixedHeader’ is closed to new replies.