Column width problem with table features on

  • Resolved goferro

    (@goferro)


    2 weeks ago

    Hey, recently I’ve discovered problem with column widths when using options from “Table Features for Site Visitors”. I don’t use any custom code or something like that, just put the data into the table and carry on 🙂

    To the point:
    Example 1 (without options) – https://43ride.com/kalendarz-2026/
    Example 2 (with sorting & search on) – https://43ride.com/kalendarz-2025/

    Main problem is when I turn any “Table Feature”, columns go crazy, middle one are crazy wide and other too narrow. I tried to “behave” them with custom CSS, but it doesn’t work (like the custom code is ignored).

    Any tips/ideas how to solve it? Thanks!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Tim Crull

    (@galanos)

    2 weeks ago

    Hi @goferro,

    Thanks for your post and for the provided samples, and sorry for the trouble!

    Yes, I see what you mean; it’s a visual bug with JavaScript column width calculation a handful of users are currently experiencing. There were some recent changes to a JS library of one of TablePress’s third-party dependencies that cause this.

    We’re preparing a fix for that, and you may count on the 3.2.7 update release that will contain it very soon.

    In the meantime, please try these two approaches:

    1. My coworker noticed that the table with ID “tablepress-103” (or class “tablepress-id-103”) that’s displayed on your page “Example 2 (with sorting & search on)” doesn’t have any entries in your CSS files, whereas the tables with ID 104 and 105 do. If this is a mix-up, please try to also set your styles for the table with ID 103, and see if that has an effect on column width.
    2. If that doesn’t help, you may temporarily replace the affected JS library with the one from version 3.2.5 of TablePress. To do so, please back up your /wp-content/plugins/tablepress/js/jquery.datatables.min.js and replace it with this one from GitHub. Flush all server-side caches and test your table in a fresh incognito window.

    Please let me know whether any of these temporary fixes work for you.

    Again, I’m sorry for the inconvenience and thank you for your patience while we ready the update with the fix.

    Best wishes,
    Tim

    Thread Starter goferro

    (@goferro)

    1 week, 6 days ago

    Thanks for answer!

    Both examples are as default as they can be, only difference is options turned off/on. I tried to override with CSS, like id 104/105. but it didn’t work.

    It’s not a big problem, so I think I can wait for an update. Don’t want to dig in to the files & destroy something haha. Do you know +/- when update should be available?

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    1 week, 3 days ago

    Hi,

    If you get a chance, it would be great if you could test that “Custom CSS” for the widths again with table ID 103 (and then also leave that in place, so that we can take a look).

    Otherwise, the new release is planned for this week 🙂

    Best wishes,
    Tobias

    Thread Starter goferro

    (@goferro)

    1 week, 3 days ago

    Hey, I did it again & of course, now it worked… maybe I’ve did something wrong before, don’t know.

    Anyway, here’s the code I’ve added this time, just to check if it works:

    .tablepress-id-103 .column-1,
    .tablepress-id-103 .column-2,
    .tablepress-id-103 .column-5 { width: 150px; }

    Thanks!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    1 week, 3 days ago

    Hi,

    Great! That’s good to hear! Yes, that code is correct 🙂

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.