• Resolved jaredtwilcox

    (@jaredtwilcox)


    I have tried searching other posts for assistance with this, but I just can’t make it work. I have a table at: http://www.forestlakechevrolet.com/power-search/

    I am trying to make the ‘options’ column (column-15) cells have a maximum height of 50-100px, then allow the text within the cell to scroll.

    I have the following code in my child theme css:

    table.tablepress-id-2 td {
    	max-height: 50px !important;
    	height: 50px !important;
    	overflow: auto !important;
    }

    I have tried many things. If I do not display column-15 then the height is great, but it I am displaying column-15 I just can’t get the styling to work.

    Please help!

    Thank you,
    Jared Wilcox

    https://wordpress.org/plugins/tablepress/

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    I’m afraid that this is not that simple, as sizing cells in HTML tables isn’t directly possible like this. The cell will always be at least as big as the content in it.

    A trick could therefore be to add an extra HTML element into the cell, around the text, e.g. a <div>. Then, you could try applying the size and overflow to that. The cell should then just treat the (sized) <div> as its content and adjust its own size to that.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Row Height’ is closed to new replies.