Single Column

  • Resolved Dem1an

    (@johnbauman2505)


    6 years, 6 months ago

    I’m trying to find a good thread or hint on how to make a 3 column table collapse down to a single column rather than trying to span the small screen in one row. I think it looks okay on tablet, but not sure how to coax it to one column. Can you point me to one? Thanks in advance!

    This is an example of how i’d like it work. this site uses gridable which doesn’t seem to be actively supported and would be redundant with my use of tablepress.

    https://s734968141.onlinehome.us/

    • This topic was modified 6 years, 6 months ago by Dem1an.
    • This topic was modified 6 years, 6 months ago by Dem1an.

    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 post, and sorry for the trouble.

    The problem here is that this is not directly with HTML tables, due to their fixed row/column structure. The HTML <table> element doesn’t have such a one-column view mode.
    Now, you could play with some “Custom CSS” here, e.g.

    .tablepress-id-1 tbody td {
  display: inline-block;
}

    Regards,
    Tobias

    Thread Starter Dem1an

    (@johnbauman2505)

    Hrm…inline-block doesn’t seem to work for me. It puts every row on top of each other. I wonder how “Gridable” plugin was able to do it? I’ll check back. Maybe someone has an idea or a solution?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    they probably don’t use an HTML table element, e.g. <div> elements and CSS code.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Single Column’ is closed to new replies.