Table Thumbnail Image percentage related sizing

App Development
1

Hey Community!!

I would like to make the thumbnail images on my table a little larger but want a consistent height regardless of the width of the image. I can’t seem to find a way to do this without distorting the image.

This is posing problems where some images will be landscape and others will be portrait.

Any help or suggestions greatly welcomed.

:grinning:

2

Hey @JulianMc,

Try this…

.thumb-wrap {
    max-height: 200px;
    max-width: 100%;
}
.thumb-wrap img {
    max-height: 200px;
    max-width: 100%;
    height: 200px;
}

max-height and height must be the same, but adjust as needed.

https://timyoung.tadabase.io/datatables#!/image-size

3

And @tim.young smashes it out the park! Perfect result! Sizing is exactly how I needed it, thank you.

1 Like