Table width error

  • Resolved Merkucio

    (@merkucio)


    2 months ago

    Hello,

    I’m using TablePress Plugin and TablePress Extension: Responsive Tables.

    Shortcode: [table id=1 responsive=collapse /] in WP Bakery row.

    Please, go to the Concerts page and then click to the Past Dates tab.

    Here is how my table looks like after first view: https://ibb.co/d5cYF5d

    And how it looks like after page refresh: https://ibb.co/kc0WQ0Z

    Any solution?

    Thanks.

    • This topic was modified 2 months ago by Merkucio.
    • This topic was modified 2 months ago by Merkucio.
    • This topic was modified 2 months ago by Merkucio.

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

Viewing 1 replies (of 1 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    The reason for this behavior is the use of those tab-like navigation elements (for “Upcoming Dates” and “Past Dates”). Initially, on the first page load, the table is hidden. This means that certain calculations, like the column widths can not be made. Then, on the second page load, this table is directly visible (because the “tab” has been changed and the URL has changed), so that the column widths can be calculated correctly.

    To fix this, it is possible to use some custom JavaScript code that repeats the calculations when the tab is switched from “Upcoming Dates” to “Past Dates”. As this custom code heavily depends on the site itself (with theme, plugins, etc.), I can however only offer assisting with this as part of the direct email support that comes with the TablePress premium license plans. Thanks for your understanding.

    By the way: Upgrading to a premium license will also prevent that the “Collapse” feature stops working on your site, once you update to TablePress 3 later this year. See this page for details.

    Best wishes,
    Tobias

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.