tablepress responsive collapse is not fully responsive

  • Resolved mwestrik

    (@mwestrik)


    8 years, 4 months ago

    Hi,

    I am trying to get tablepress responsive on my website, but something strange happens, it also happens on your demo page https://tablepress.org/extensions/responsive-tables/

    When I see that page, or my page https://vakantiehuis-mariposa.nl/mariposa/tarieven/ on my phone, or a resized desktop browser, the first column is visible with the expand button, and when I click that button columns 3 and further are shown below. Column 2 however is shown to the right of the first column, out of sight! It does need scrolling to the right to see that one, which in fact makes the table not fully responsive!

    How can I fix that?

    Further, when on a desktop I open the page with the tables, they are 100% width, but when I resize the window and then make it full width again, it’s not 100% width anymore.

    • This topic was modified 8 years, 4 months ago by mwestrik.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Yes, this is a known issue with the collapse JS code. I hope that it will be fixed in the next update, where I’ll also included an updated version of the corresponding external JS library.

    For the resizing: I’m not totally sure, but this might be caused by the way how the collapse JS calculates column widths. It does not update those when the browser is resized, but only on first load. Unfortunately, I’m not aware of a good solution here, but that should really be an edge case anyways.

    Regards,
    Tobias

    Hi

    Is this likely to be soon as I am having the same issue. It sort of defeats the object of the plugin if we can’t get it working.

    Thanks
    Paul

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi Paul,

    as I’m not the developer of that JS code, I can’t really answer this ??
    Also, it does not happen on all sites, so there might be some site-specific CSS property that’s “triggering” this.

    I’m planning to ship a new version of TablePress and the Extension very soon, and maybe that fixes this already.

    Regards,
    Tobias

    Edit the plugin to use <p> instead of <span> for the data outputs in the collapsed area. Worked for me.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    if it’s just a matter of the used HTML tag, this should be do-able with just CSS as well.

    Regards,
    Tobias

    How to choose the collun collapse in responsive?

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    you don’t really have to do that. The columns will be picked starting on the right side, with those columns that don’t fit anymore.
    For some more control, you could check https://www.ads-software.com/support/topic/defining-columns-to-collapse-1?replies=12 or https://www.ads-software.com/support/topic/collapse-extension-breaking-point?replies=6

    Regards,
    Tobias

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘tablepress responsive collapse is not fully responsive’ is closed to new replies.