# Table columns width auto?

**URL:** <https://forum.inductiveautomation.com/t/table-columns-width-auto/81807>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 13, 2023, 9:08am UTC](https://forum.inductiveautomation.com/t/table-columns-width-auto/81807 "2023-11-13T09:08:52Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![etlikmilos](https://avatars.discourse-cdn.com/v4/letter/e/fbc32d/32.png) [@etlikmilos](https://forum.inductiveautomation.com/u/etlikmilos)\
**Post date:** [November 13, 2023, 9:08am UTC](https://forum.inductiveautomation.com/t/table-columns-width-auto/81807/1 "2023-11-13T09:08:52Z")

</div>

Hi, I need advice on how to set the column width property on the table to auto. When I set anything, it doesn't work and when I shrink the window, the property is set to 100px v element.style ? Can this be removed? Version 8.1.21.

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

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

---

<div class="post-metadata">

**Author:** ![etlikmilos](https://avatars.discourse-cdn.com/v4/letter/e/fbc32d/32.png) [@etlikmilos](https://forum.inductiveautomation.com/u/etlikmilos)\
**Post date:** [November 16, 2023, 9:03am UTC](https://forum.inductiveautomation.com/t/table-columns-width-auto/81807/2 "2023-11-16T09:03:08Z")

</div>

So what is this style? I need to edit this style by the table cell. And i don't search this where I can set this style.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/4/04430bc18c318fde1cc79460ac05c9c8f6a613f3.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:** [November 16, 2023, 9:48am UTC](https://forum.inductiveautomation.com/t/table-columns-width-auto/81807/3 "2023-11-16T09:48:37Z")

</div>

You can inject width into the styleclass by writing `;` in a textfield in the styleclass followed by the css style.  
You and override the inline style with !important

```auto
; width:auto !important; flex: unset !important;

```

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

But this doesnt rly look great if you you could have data in a row that could have a different size. (your xx:xx will be different than the x:xx) So i dont advice doing this. or you append all single didgits with 0 and use a font that has equally spaced letters

---

<div class="post-metadata">

**Author:** ![Eugene49](https://avatars.discourse-cdn.com/v4/letter/e/c6cbf5/32.png) [@Eugene49](https://forum.inductiveautomation.com/u/Eugene49)\
**Post date:** [March 13, 2024, 3:54pm UTC](https://forum.inductiveautomation.com/t/table-columns-width-auto/81807/4 "2024-03-13T15:54:19Z")

</div>

Same boat, I wish there was a way column width be set to Auto on property.  
Where it follow the width of the longest column content.