# Possible to set max row height on Perspective table?

**URL:** <https://forum.inductiveautomation.com/t/possible-to-set-max-row-height-on-perspective-table/93703>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 24, 2024, 8:09pm UTC](https://forum.inductiveautomation.com/t/possible-to-set-max-row-height-on-perspective-table/93703 "2024-07-24T20:09:31Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![tyler.bennett](https://avatars.discourse-cdn.com/v4/letter/t/f04885/32.png) [@tyler.bennett](https://forum.inductiveautomation.com/u/tyler.bennett)\
**Post date:** [July 25, 2024, 12:39am UTC](https://forum.inductiveautomation.com/t/possible-to-set-max-row-height-on-perspective-table/93703/6 "2024-07-25T00:39:44Z")

</div>

OK, went down a rabbit hole but found an answer...

The reason we cannot reduce the row height below default on a Perspective table by adding a `maxHeight` (or `max-height`) property is because the default styling already includes a `min-height` property of `30px`. So, to reduce the default row height we can just set `min-height` to something lower than the `30px` default (even `0px`). This way you can avoid setting a fixed row height like my previous post suggested.

You can set a reduced default height for each row. To do that under `props.rows.style` set the `minHeight` (or `min-height`) property to `28px` (or alternate height of your choosing less than the default `30px`). If you set it to `0px` the the row height is defined by the contents.

The default min-height for the table row was found (and modification tested) using developer tools in Chrome:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/c/0c7c867b192d7f2701cdff42b0b6b2a36c74ed06.png)

* * *

Another nifty trick/cheat (perhaps related) for when you are trying to force a Perspective component, container or embedded container to fit into another size (bigger or smaller) is to use the CSS `zoom` property to scale everything.

I have used this with process diagrams created in a coordinate container targeting desktop that I then need to adapt to another display size, and with the toggle component because I don't like the default formatting (seems out of place with other component defaults) and I'll usually scale (zoom) it to 80%.

To scale the table, add a `zoom` property to `props.style` and set it to 75% (or another percentage of your choice).

There are ways to scale according to available screen size using `zoom` with page `dimension` properties, I could write that up if someone is interested.

**Caution:** [Browser support](https://caniuse.com/?search=zoom) for `zoom` is not universal, use at your own risk.

---

_[View the full topic](https://forum.inductiveautomation.com/t/possible-to-set-max-row-height-on-perspective-table/93703)._