# Perspective table column width

**URL:** <https://forum.inductiveautomation.com/t/perspective-table-column-width/104151>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 25, 2025, 11:33am UTC](https://forum.inductiveautomation.com/t/perspective-table-column-width/104151 "2025-03-25T11:33:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![TechEnlive](https://avatars.discourse-cdn.com/v4/letter/t/3be4f8/32.png) [@TechEnlive](https://forum.inductiveautomation.com/u/TechEnlive)\
**Post date:** [March 25, 2025, 11:33am UTC](https://forum.inductiveautomation.com/t/perspective-table-column-width/104151/1 "2025-03-25T11:33:32Z")

</div>

Hi, I have another issue. I want to set a fixed width for my first column.  
but it remains the same there is no change.

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

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/7/1730d8c85804f0fad296c053e81e9c5bb7cb81d4.png)

---

<div class="post-metadata">

**Author:** ![Kevin\_Flener](https://avatars.discourse-cdn.com/v4/letter/k/74df32/32.png) [@Kevin\_Flener](https://forum.inductiveautomation.com/u/Kevin_Flener)\
**Post date:** [March 25, 2025, 1:26pm UTC](https://forum.inductiveautomation.com/t/perspective-table-column-width/104151/2 "2025-03-25T13:26:47Z")

</div>

Try removing the 'px'.

According to the documentation, the value should be numeric.

---

<div class="post-metadata">

**Author:** ![TechEnlive](https://avatars.discourse-cdn.com/v4/letter/t/3be4f8/32.png) [@TechEnlive](https://forum.inductiveautomation.com/u/TechEnlive)\
**Post date:** [March 25, 2025, 2:13pm UTC](https://forum.inductiveautomation.com/t/perspective-table-column-width/104151/3 "2025-03-25T14:13:53Z")

</div>

Thanks, it's working without px as you said. Now the row height is auto so if the screen size (width) chang, the table shows empty space below.  
In a flex container, we have 3 tables. How can we shrink?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/e/bea86284d30b36094f78c6281ac0c4acceaf3afd.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/b/bba673bb9976d843b94534c472ab5d6b05712a22.png)

---

<div class="post-metadata">

**Author:** ![Kevin\_Flener](https://avatars.discourse-cdn.com/v4/letter/k/74df32/32.png) [@Kevin\_Flener](https://forum.inductiveautomation.com/u/Kevin_Flener)\
**Post date:** [March 25, 2025, 2:29pm UTC](https://forum.inductiveautomation.com/t/perspective-table-column-width/104151/4 "2025-03-25T14:29:50Z")

</div>

I'm not sure.

Maybe if you can count the number of rows in your data, then apply an expression binding on the basis property?

Hopefully a more experienced and knowledgeable forum member can assist with that one.

---

<div class="post-metadata">

**Author:** ![djs](https://avatars.discourse-cdn.com/v4/letter/d/e47774/32.png) [@djs](https://forum.inductiveautomation.com/u/djs)\
**Post date:** [March 25, 2025, 9:26pm UTC](https://forum.inductiveautomation.com/t/perspective-table-column-width/104151/5 "2025-03-25T21:26:10Z")

</div>

If you're not using the pager, you can always force a maximum height to the table if you'd like. Add a `maxHeight` to the style prop with an expression binding that goes off of the number of rows, adds the height of the header and the width of the borders.

For example, with the default styles, this expression: `len({this.props.data}) * 30 + 30 + 2` should work as the rows are 30px, the header is 30px, and the borders are 1px on each side.

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

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 25, 2025, 9:55pm UTC](https://forum.inductiveautomation.com/t/perspective-table-column-width/104151/6 "2025-03-25T21:55:50Z")

</div>

> [@TechEnlive](#):
>
> How can we shrink?

`POSITION.basis : auto`  
`PROPS.virtualized : false`