Table heading format varies

  • Resolved Bunkermentality

    (@bunkermentality)


    1 month, 2 weeks ago

    First display of table inside tab “Ealing Football (RU)” doesn’t occupy the full width of the table until I change rows displayed from 5 to 10. Same happens for tab “One Club” and when using Chrome and Edge on Win11.

    Both tables have simple embed code with no parameters [table id=3]. Version 3.0.2.

    Thanks, Paul

    Custom CSS for all tables is

    .tablepress th {
    background-color: #046546; /* Ealing Dark Green */
    color: #ffffff;
    text-align: center !important;
    }

    .tablepress th,
    .tablepress td {
    text-align: center !important;
    }

    .tablepress .column-1 {
    text-align: left !important;
    }

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

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

    (@tobiasbg)

    Hi!

    Thanks for your post and sorry for the trouble!

    The cause for this problem is that the tables are shown in tabs/expandable accordions.
    This means that the tables are hidden when the page is loaded, which again means that the browser can not calculate things like column widths for these tables (because hidden elements don’t have a width, so to say).

    Fixing this is possible by triggering a recalculation when a tab or accordion is opened, using a small piece of custom JavaScript code. Unfortunately, as I’ll need to find and develop that for your specific site, this is beyond what I can offer as free support here in the forums. So, if you need further help here, I suggest looking into the?TablePress premium versions. I will then be able to provide this code as part of the direct email support that comes with the TablePress premium license. Thanks for your understanding.

    Alternatively, you could wait for TablePress 3.1 which is currently scheduled for February. It will contain an automatic trigger for these recalculations, which should then also solve this problem.

    Best wishes,
    Tobias

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