• Resolved echobreann

    (@echobreann)


    Hello,

    Thanks so much for tablepress!!

    I just installed the “Responsive Tables” extension plugin, and want to use the “collapse” approach for my tables.

    I changed my shortcode to:
    [table id=1 responsive=collapse responsive_breakpoint=tablet /]

    However, it seems that it’s totally ignoring “tablet” and instead applying collapse to the table for ALL/everything… I dont want the page to look this way on desktop… it does not look good 🙁

    Could you please help me:
    1. Troubleshoot how to fix this?
    2. Change the CSS for that cell so that it is NOT making the blue borders go away?

    You can see the issue here:
    http://trimas.flywheelsites.com/support/product-part-numbers-technical-drawings/

    Thank you so much for your time!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    I’m afraid that there is a misunderstanding here. The responsive_breakpoint parameter is only available for the flip mode of the responsive parameter. It does not have an influence on the scroll or collapse modes.

    The collapse mode will always try to show as many columns as possible. If they don’t fit it will start collapsing columns from the right. From what I can see, this is what’s happening here, and it seems to be working well.

    Regarding the CSS: I’m not sure what you mean here. I do see the blue borders around the cells.

    Regards,
    Tobias

    Thread Starter echobreann

    (@echobreann)

    Oh wow… that’s certainly disappointing I cannot use the responsive_breakpoint parameter for the collapse mode. The table looks just fine until it gets to mobile size, so I would really prefer if I could prevent the green circles with collapse.

    In regard to the blue borders disappearing… I just realized I guess it’s showing for me like that because I’m viewing it in a firefox browser (I just tested it and it appears just fine in chrome and safari) –So, in firefox, my table—with the browser at full-width–for some reason is showing the green expand buttons AND disappearing the blue borders on that individual cell. (you can see a screenshot here: https://www.dropbox.com/s/eb041ochuojlgpn/Screener%20418.png?dl=0 )

    Any insight into this? Maybe there are some CSS styles I can add or change to force my table to NOT collapse until it gets to tablet size? I really dont want the table to be collapsed like this (at least in firefox) upon first glance on a browser…

    Please let me know… and thanks again.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    the reason for this is quite simple: The collapse mode uses JavaScript for its calculations. If that reports that the content of the columns does not longer fit on the screen, it has to react. Doing this only on certain screens would result in the table not fitting on some screens, creating overlaps and similar.

    The problem with the border in Firefox seems to be related to a bug that I have now seen a few times. Whenever there are certain inline elements adds to a table cell, Firefox removes the border. Unfortunately, I haven’t yet found a fix for this Firefox problem. Regardless, in my opinion, I actually think that your table doesn’t need borders at all, as borders can actually make it harder to read information in tables.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive tables extension – breakpoint settings being ignored’ is closed to new replies.