Responsive table to drop off column without ‘+’ symbol

  • Resolved jacquesfresco

    (@jacquesfresco)


    6 years, 7 months ago

    Hi,
    I sent a request earlier but can’t see it posted.
    Basically am using the plugin for two tables:
    [ redundant link removed ]

    I love the plugin, but want more columns on desktop view and for those columns to disappear as the screen size goes down to tablet or mobile.
    How can I do this?

    I’m aware of the extension ‘Responsive tables’ however do not want the ‘+’ symbols to show the missing column. But rather no + and for me to be able to select which column drops off.

    How can I do this?

    Hope that makes sense. Thanks in advance.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    Don’t put links in the post, just use the link field. You come across like a spammer when you do that.

    Thread Starter jacquesfresco

    (@jacquesfresco)

    Ok, was just posting links to the two pages I have with the table. But thanks for the tip.

    If someone can please help with my query it would be much appreciated.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    If you don’t want to use the Responsive Tables Extension but simply hide columns on small screens, you can directly use CSS code for that. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media (max-width: 768px) {
  .tablepress-id-1 .column-3 {
    display: none;
  }
}
@media (max-width: 1024px) {
  .tablepress-id-1 .column-4 {
    display: none;
  }
}

    This example would start hiding column 4 first, and if the screen is even smaller, it would hide column 3 as well.

    Just adjust the pixel numbers, table IDs, and column numbers as necessary.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive table to drop off column without ‘+’ symbol’ is closed to new replies.