Column Width changes with each row

  • Resolved infiniloop

    (@infiniloop)


    11 years, 10 months ago

    I have been testing out TablePress, but can’t get this to work out:

    I have a table populated with data, and have checked the box to allow horizontal scrolling. But what happens is that the header row doesn’t scroll, while the rest of the table does. Obviously this makes reading the data impossible.

    Here is my test page: http://www.premierleaguepokerclub.com/test-table/

    Also not sure why my custom CSS isn’t working. Theme conflict? How would I go about tracking down the conflicts in the themes CSS?

    THANKS!

    https://ww.wp.xz.cn/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter infiniloop

    (@infiniloop)

    11 years, 10 months ago

    Figured it out!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 10 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The reason for this seems to be that your theme or another plugin is loading a VERY old version of the jQuery JS library from the Google CDN, instead of using the up-to-date version that ships with WordPress.
    Due to that, the JS on the page (including the table features) break.
    For some ideas on how to fix this, please see http://tablepress.org/faq/js-functions-not-working/

    For the “Custom CSS”: Your selectors need to be more specific here, as they otherwise will be overridden by the defaults.
    Instead of using e.g.

    .column-1 {

    you should use

    .tablepress-id-123 .column-1 {

    with a specific table ID (or .tablepress to have this affect all tables).
    Then, for the header row, you should try http://tablepress.org/faq/change-background-color-table-head-row/ instead of what you have now.

    In general, the developer tools that modern browsers ship with (like the Chrome Developer Tools) are handy when it comes to debugging this, as they show you which CSS from where is being used.

    Regards,
    Tobias

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    11 years, 10 months ago

    Hi again,

    ah, looks like we posted at about the same time 🙂
    Good to hear that you found the reason!

    Best wishes,
    Tobias

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

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

The topic ‘Column Width changes with each row’ is closed to new replies.