# \[IGN-5158\] Perspective Table Column Flex Width

**URL:** <https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [September 28, 2021, 2:02pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404 "2021-09-28T14:02:35Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![ryanjmclaughlin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryanjmclaughlin/32/4318_2.png) [@ryanjmclaughlin](https://forum.inductiveautomation.com/u/ryanjmclaughlin)\
**Post date:** [September 28, 2021, 2:02pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/1 "2021-09-28T14:02:35Z")

</div>

In 8.1.10, I am seeing some crazy behavior with the alignment when using the flex alignment. Ex setting column width to an int value like a flex container. Is this no longer supported?

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

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [September 29, 2021, 10:52pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/2 "2021-09-29T22:52:41Z")

</div>

Hey Ryan,

I was a bit worried when I saw your post as I was planning un updating to 8.1.10 this week.

But, upon testing it, I am not seeing this issue and I’m using column widths across all columns in our table template.

How do you have yours configured exactly?

---

<div class="post-metadata">

**Author:** ![ryanjmclaughlin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryanjmclaughlin/32/4318_2.png) [@ryanjmclaughlin](https://forum.inductiveautomation.com/u/ryanjmclaughlin)\
**Post date:** [September 30, 2021, 12:50pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/3 "2021-09-30T12:50:33Z")

</div>

I’m using plain ints in the width parameter.

So, I might have 4 columns with the following width `| 1 | 2 | 4 | 1 | `

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

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

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [September 30, 2021, 1:03pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/4 "2021-09-30T13:03:03Z")

</div>

can you show the properties of the column in question?  
or even better paste the whole componet in here

---

<div class="post-metadata">

**Author:** ![ryanjmclaughlin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryanjmclaughlin/32/4318_2.png) [@ryanjmclaughlin](https://forum.inductiveautomation.com/u/ryanjmclaughlin)\
**Post date:** [September 30, 2021, 1:35pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/5 "2021-09-30T13:35:37Z")

</div>

I’m trying to replicate it in a self contained manner and narrow down a cause that doesn’t use one of our internal queries for data. It happens across multiple columns and across multiple tables in different projects, only common thread I can find thus far is that the width property is set.

It also seems to not show up in the designer if I “touch” any of the table config, but the issue persists in runtime… still narrowing that down too.

Here is another example

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

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [September 30, 2021, 1:47pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/6 "2021-09-30T13:47:12Z")

</div>

> [@ryanjmclaughlin](#):
>
> It also seems to not show up in the designer if I “touch” any of the table config, but the issue persists in runtime… still narrowing that down too.

I just tested this in the designer and in runtime and I'm not seeing this occur.

is your data prop special in anyway? Do you have any special styles applied to the table and/or the cells?

---

<div class="post-metadata">

**Author:** ![ryanjmclaughlin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryanjmclaughlin/32/4318_2.png) [@ryanjmclaughlin](https://forum.inductiveautomation.com/u/ryanjmclaughlin)\
**Post date:** [September 30, 2021, 1:50pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/7 "2021-09-30T13:50:44Z")

</div>

In all cases I am seeing it the data prop is bound to a Named Query. Almost nothing special defined outside the column names and widths.

Its getting even weirder… I just saved in the designer and the client auto-reloaded and the alignment was still off, but then I manually refreshed the page and the alignment of the columns is good. I might have to give a call into support later for them to look, behavior is all over the place for me to track down.

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [September 30, 2021, 1:53pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/8 "2021-09-30T13:53:52Z")

</div>

Yeah that might be for the best. That behavior seems really bizarre!

---

<div class="post-metadata">

**Author:** ![ryanjmclaughlin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryanjmclaughlin/32/4318_2.png) [@ryanjmclaughlin](https://forum.inductiveautomation.com/u/ryanjmclaughlin)\
**Post date:** [November 17, 2021, 6:14pm UTC](https://forum.inductiveautomation.com/t/ign-5158-perspective-table-column-flex-width/51404/9 "2021-11-17T18:14:29Z")

</div>

Worked with support and identified the bug. It is very specific to using flex widths with a named query on the data binding. An odd workaround is to set the width values to a string rather than an int.
