[Plugin: TablePress] unusual need for responsive layout

  • I’m aware of the responsive extension for this plugin, but it doesn’t work for the application I have. I’ve used the table to create a calendar – Mon-Fri columns, 5 rows. Flipping it to Mon-Fri rows doesn’t make sense for the user.

    Ideally for the phone I’d like the cells to just show up one under the other in the order of left to right, top to bottom, so that from a calendar perspective they would show up as the 1st, 2nd, 3rd, 4th,… of the month with the data for each date in the cell. Is there any way to do this relatively easily?

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    thanks for your post, and sorry for the trouble.

    No, sorry, something like this is not directly possible with a table. The reason for this is that a table as a fixed layout in web browser (namely tabular), and that just can’t be changed directly. (This basically is the reason why making tables responsive is so hard.)
    You would need to use other HTML elements (like <div>s) for this and then use things like custom CSS3 media queries.

    As an alternative, it might sufficient to just had horizontal scrolling (i.e. the Responsive Tables Extension without the flipping): https://www.ads-software.com/support/topic/responsive-tables-scroll-only?replies=6#post-5511954

    Regards,
    Tobias

    Thread Starter sunspots

    (@sunspots)

    That works for me! Thanks for your help!

    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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: TablePress] unusual need for responsive layout’ is closed to new replies.

Tags