One row on the mobile view

  • Resolved kamalss

    (@kamalss)


    4 years, 7 months ago

    Hello, I have the multiple columns on the table. How can we fold table columns into rows on mobile devices?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    I’m not exactly sure what you mean, but maybe the ideas at https://tablepress.org/extensions/responsive-tables/ help.

    Regards,
    Tobias

    Thread Starter kamalss

    (@kamalss)

    Hello, Thank you for your help. Yes it works with this code [table id=1 responsive=”stack” /]. I tried to change the text-align to left on the mobile view with the following code but it won’t work. Could you help me with this?

    @media (max-width: 767px)
    .tablepress-responsive-stack-phone tbody td {
    text-align: left !important;
    }

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    you will need an extra set of { and } here. Please try again with

    @media (max-width: 767px) {
  .tablepress-responsive-stack-phone tbody td {
    text-align: left !important;
  }
}

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘One row on the mobile view’ is closed to new replies.