# Dynamic Table Width Editing by Perspective User

**URL:** <https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 6, 2023, 6:20pm UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149 "2023-10-06T18:20:23Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![kssp](https://avatars.discourse-cdn.com/v4/letter/k/bb73d2/32.png) [@kssp](https://forum.inductiveautomation.com/u/kssp)\
**Post date:** [October 6, 2023, 6:20pm UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149/1 "2023-10-06T18:20:24Z")

</div>

Hey, folks.

I was wondering if there was a built-in method to allow users in perspective to dynamically change the width of a table (Ex: clicking on the edge of the table and dragging it out). This is strictly for users in a launched browser session, not in the editor. I've thought about binding the width to a slider, but I was hoping there was an easier method that I just don't know about.

Thanks!

---

<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:** [October 6, 2023, 6:47pm UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149/2 "2023-10-06T18:47:11Z")

</div>

It's always been there.

![Column resize](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/9/99f954c6fa572b511341b93104ee082d919b1e81.gif)

For this and features such as column filters you need to define the columns properly. In this case we need to use the column names in the data property.

`columns.0.field : city`  
`columns.1.field : country`  
`columns.2.field : population`

---

<div class="post-metadata">

**Author:** ![kssp](https://avatars.discourse-cdn.com/v4/letter/k/bb73d2/32.png) [@kssp](https://forum.inductiveautomation.com/u/kssp)\
**Post date:** [October 6, 2023, 7:08pm UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149/3 "2023-10-06T19:08:02Z")

</div>

Hey, Transistor.

Thank you for the response. I am referring more so to the actual table component and the bounds of it rather than column width. Does this affect the width of the component or only the individual columns?

---

<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:** [October 6, 2023, 7:18pm UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149/4 "2023-10-06T19:18:15Z")

</div>

Sorry, that should have been clear to me from your writing.  
I don't have an answer but can you clarify that the table is in a coordinate container?

---

<div class="post-metadata">

**Author:** ![kssp](https://avatars.discourse-cdn.com/v4/letter/k/bb73d2/32.png) [@kssp](https://forum.inductiveautomation.com/u/kssp)\
**Post date:** [October 6, 2023, 7:19pm UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149/5 "2023-10-06T19:19:49Z")

</div>

Yes, it is in a coordinate container. I usually like to include pictures with my posts, but I wasn't sure exactly what would make a good picture, hahah.

---

<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:** [October 7, 2023, 7:59am UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149/6 "2023-10-07T07:59:34Z")

</div>

We forgot about the Split Container component! This post must have been on my mind because the solution came to me as I woke up this morning!

![Dynamic table width](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/c/fcad8fb5d1d389789cb31b953c7f08f4fc60828a.gif)

- The green border has been added to show the limits of the split container. A padding of 5 was added.
- The text is a label with `alignVertical : top`. To solve the overflow issue drop a Flex Container into the right split first and then drop the label into that. The overflow can then be sorted out with the flex's `style.overflow` property (and a vertical scrollbar will appear).

[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Split+Container](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Split+Container)

---

<div class="post-metadata">

**Author:** ![kssp](https://avatars.discourse-cdn.com/v4/letter/k/bb73d2/32.png) [@kssp](https://forum.inductiveautomation.com/u/kssp)\
**Post date:** [October 9, 2023, 10:55am UTC](https://forum.inductiveautomation.com/t/dynamic-table-width-editing-by-perspective-user/80149/7 "2023-10-09T10:55:07Z")

</div>

Perfect!!

Maybe not so perfect that it was a plague on your subconscious, but I appreciate the solution!!
