Flip mode size of the first row

  • Resolved jardiani

    (@jardiani)


    7 years, 4 months ago

    Hello Tobias,

    I love your plugin and good work you are doing. Keep it up.

    I have problem with responsive tables i’m trying to solve for days. Unfortunately i’m not the best in CSS nor your plugin.

    This site is responsive and it is in flip mode (because scroll mode or collapse doesn’t look good)
    https://www.5nej.cz/srovnani-nastroju-na-tvorbu-webu/

    First row (header) is not matching other rows (columns) is there some fix for that? Titles are H3 but i can change them to p (actually i tried and it didn’t help).

    Any ideas?
    Cheers, Jarda

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    From what I can see, you are also using the FixedHeader Extension, right? This might be interfering here as well.

    Regardless, the problem indeed is that the first row is too high, compared to the other rows. When you then flip it, you would need to manually increase the height of the other rows as well, with CSS.

    Regards,
    Tobias

    Thread Starter jardiani

    (@jardiani)

    Hi Tobias,
    thanks for fast reply. Well i got fixed header but i block it on mobile using css:

    @media ( max-width: 767px ) {
    .tablepress.fixedHeader-floating {
        display: none;
    }

    I’m trying to fix it by height parameters for each row and it’s partially working but vertical align is still messed up and first row tries to destroy all my work.
    So the solution is to try to fit text into rows by height parameters?

    Cheers, Jarda.

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    yes, setting a manual row height is the only solution that I know, because of how the flipping CSS works ??

    Regards,
    Tobias

    Thread Starter jardiani

    (@jardiani)

    Cheers i will try it.

    Jarda

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ??

    Best wishes,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Flip mode size of the first row’ is closed to new replies.