Consistent Row Height

  • Resolved thedrewseum

    (@thedrewseum)


    1 day, 2 hours ago

    Hello! Loving this plugin, it really helped solve some issues I was having with mobile viewing of my tables.

    I do have some tables (including on the attached page) that have varying character lengths within their table cells. This is causing the longer ones to have row heights that are larger than the rest. Is there a way to set so that all row heights remain consistent?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Tim Crull

    (@galanos)

    9 hours, 24 minutes ago

    Hi @thedrewseum,

    Thanks for your question, and sorry for the trouble!

    I fear that this can’t be solved 100% reliably. HTML tables offer no way to make all rows have equal height, and not even the grid model in CSS will help without setting a fixed height for the full table.

    We could set all rows to be large enough to accommodate two lines of content, but that’ll break if some visitor’s device makes one cell’s content run in three or more lines.

    If you still want to try that, please add the following code in the “Custom CSS” field in your WordPress dashboard > TablePress > Plugin Options > Custom Styling:

    .tablepress-id-2 td { height: 2.5lh; }

    Let me know if this helps 🙂

    Best wishes,
    Tim

    Thread Starter thedrewseum

    (@thedrewseum)

    4 hours, 8 minutes ago

    Hi Tim,

    Thank you so much for the quick and thorough reply, greatly appreciated! This will work perfectly!

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

You must be logged in to reply to this topic.