Adding more tables with filter breaks css style

  • Resolved danniee

    (@danniee)


    5 years, 11 months ago

    Hi,

    I’ve noticed that when I add more than one shortcode with the filter option on the same page, only the first table will look ok. The other tables don’t display like they should. For example:

    [table id=61 filter=”test” hide_columns=”5″ /]
    [table id=61 filter=”test2″ hide_columns=”5″ /]

    The second table will not display like it should. The images in column one lose their radius + a few other things.

    I tried checking the code but could not see any unclosed tags or anything of that nature. Any ideas why this would happen?

    Strange since the first table looks perfectly fine.

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter danniee

    (@danniee)

    Hi @tobiasbg

    I have actually already mailed you a link ??

    Thank you

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    ah, my bad. Hadn’t yet seen that…

    This problem is caused by how your CSS code uses the CSS-ID-based approach:

    .tablepress#tablepress-61 ...

    Because the CSS ID must only exist once on the page, the next table has the ID tablepress-61-no-2 on the page.

    To fix this, you should replace all

    .tablepress#tablepress-61

    with

    .tablepress-id-61

    Regards,
    Tobias

    Thread Starter danniee

    (@danniee)

    Excellent, that did the trick. Thank you Tobias ??

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

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

    Best wishes,
    Tobias

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Adding more tables with filter breaks css style’ is closed to new replies.