Bug with responsive table extension (collapse mode)

  • Resolved mariocoder77

    (@mariocoder77)


    7 years, 1 month ago

    Hi:
    I noticed a potential bug with the responsive extension. If I set responsive=collapse, I noticed all of the table features are also enabled (like sorting, search form field etc). This doesn’t happen with the other modes.

    Is this a known issue?

    Thanks,

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

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.

    This is because their checkboxes are checked on the table’s “Edit” screen.
    The collapse mode needs the “Use DataTables” checkbox to be on (and internally turns it on), but the other checkboxes can be turned off by you.

    Regards,
    Tobias

    Thread Starter mariocoder77

    (@mariocoder77)

    Hi Tobias:
    Thanks for the fast response! That makes sense.

    BTW, I have a suggestion for tablepress. You can make it basically responsive by default just by adding the below CSS:

    .tablepress{
    display: block;
    overflow-x: auto;
    }

    It will make the table scroll horizontally when needed. Of course it can’t do the other things the extension does, but at least it makes tablepress sort of responsive out of the box.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    that’s a nice little piece of CSS as well! Thanks for sharing it! I hadn’t really thought but doing this instead of adding a wrapper <div> (as the scroll mode does), as it changes the table’s view mode. But I guess modern browsers don’t really care. ??

    Best wishes,
    Tobias

    Before I install responsive extension I have a question. Table 1/3 columns with images only are not adjusting size on mobile. Yet, table2 with text is responsive to mobile screen. Using Twenty Seventeen theme. Any ideas? Thanks much for input.

    https://hopsstorage.com

    PS When I insert images into page, they are responsive and are viewed vertically. these images on page are between the two tables.

    • This reply was modified 7 years, 1 month ago by sharon135.
    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    To make these images shrink in size on small screens, please add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-1 img {
	max-width: 100%
}

    Regards,
    Tobias

    Tobias, Awesome! As my husband tells people, “You Rock!” I used the code for another table; just changed the id to id-3. Thanks much.

    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 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Bug with responsive table extension (collapse mode)’ is closed to new replies.