Support » Plugin: TablePress » Responsive table flip option not aligning

  • Resolved rlschmidt

    (@rlschmidt)


    Hi Tobias. I’m trying to use flip option for a responsive table that has large amounts of text in some of the fields. The column names on the left end up not lining up with the fields. I’m thinking it’s a combination of padding and alignment that is needed but can you please advise how to get the header labels (down the left) to match up with cell values? I can’t send you a live link but could send you a screenshot.

    Thanks!

    Robin

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    You will need to set a common cell height here, with “Custom CSS”. For example, add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    @media screen and (max-width: 768px) {
        .tablepress-id-123 .column-2 {
            height: 80px;
        }
        .tablepress-id-123 .column-5 {
            height: 120px;
        }
    }

    which would adjust the height of columns 2 and 5 of table 123, on small screens.

    Regards,
    Tobias

    Thread Starter rlschmidt

    (@rlschmidt)

    Thank you! Seems the height gets applied to the column/cells with varying text lengths (which already operates fine as auto I believe), but the the “header” cell on the left side (due to flip mode) doesn’t get adjusted height-wise similarly. So the labels on the left still don’t align. Also the variable text in the cells that get adjusted isn’t appearing properly after I adjust with CSS. Kind of overwrites itself to fit in the fixed height. But appears perfect (adjusts to correct height) with no CSS. I would just like the header cells (on the left) to have the same height as the cell to the right. Fortunately there is going to only ever be 1 row of data but the text data that fills cells gets updated automatically using periodic updates. I’d like those cell heights to adjust automatically, which they appear to do, and have header cell height adjust accordingly. I could be misunderstanding – but seems like a hard problem in any case. Thanks again for advisement.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter rlschmidt

    (@rlschmidt)

    Hi Tobias, I can’t send a link as the page is not public. I can send you a screen shot. would you please reach out to me at robinschmidtfb@gmail.com and then I can send you a screenshot. I didn’t see a way to attach files to our responses here.

    Thanks again!

    Robin

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi Robin,

    sure, just sent you an email.

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Responsive table flip option not aligning’ is closed to new replies.