Tooltip plugin issue in a responsive Tablepress table

  • Resolved ncurrier

    (@ncurrier)


    9 years, 1 month ago

    Hi Tobias,

    As always love the plugin. It’s an integral part of my site, which wouldn’t be the same without Tablepress.

    I had a question about a Tooltip plugin I use for some of the header titles in my tables and how it interacts with your responsive table plugin.

    In one of my example articles you’ll see data tables, and some of the header titles have a tooltip if you hover over them. Since I activated your responsive tables plugin you can see that tooltips in the right side of the tables have the tooltips cut off, or aren’t visible.

    https://www.mangameslost.com/nfl-regular-season-end-games-missed-due-to-injury-january-4-2016/

    I imagine it’s a css issue since everything works fine, but you’ll notice that hovering over a tooltip on the right side of a table actually causes a scrolling bar to appear at the bottom of the table. I assume since the responsive plugin now senses the additional width of the table that the tooltip is ‘creating’.

    I’ve played with the z-index of the Tooltip plugin css to get it to appear on top, but with no luck. I assume the right side widgets are a complication. Any thoughts on solving this issue?

    Thanks,
    Nathan

    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 post, and sorry for the trouble.

    I see what you mean, but I can’t really think of a solution here. The problem basically is that the table container element is set to hide overflowing content (i.e. columns that don’t fit). As the tooltip is above such hidden columns, they are also hidden, as they are basically children of the header cells.

    Unfortunately, I don’t think that there’s an easy CSS-only solution to this. Most likely, this would require that the tooltips are added higher in the DOM and positioned absolutely. This will most likely require some JavaScript though :-/

    Regards,
    Tobias

    Thread Starter ncurrier

    (@ncurrier)

    What I’ve done is switch to a different tooltip plugin that properly displays the tooltip above all other content. Thanks for looking into it for me Tobias.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Tooltip plugin issue in a responsive Tablepress table’ is closed to new replies.

Tags