# \[BUG-8488\] Perspective Table has unnecessary horizontal scrollbar if props.data has a binding

**URL:** <https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 16, 2023, 6:07am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136 "2023-03-16T06:07:24Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 16, 2023, 6:07am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/1 "2023-03-16T06:07:24Z")

</div>

I can't work out why my Table has a horizontal scrollbar with the ability to scroll to the right, when my last column ends 4/5th the way along the horizontal width?

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

Strangely, if the table height is increased to show all rows, then the vertical scrollbar greys out and doesn't let you scroll anymore:

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

Any ideas how to fix this for when the height doesn't show all rows?

I know I probably need to copy in the json here to make it easier to diagnose... I'll see what I can do later

EDIT:  
The issue only occurs when the Table's `props.data` property is bound. Removing the binding removes the unnecessary horizontal scrollbar, despite the actual data not changing.

---

<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 16, 2023, 11:47am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/2 "2023-03-16T11:47:23Z")

</div>

I remember seeing this problem before. I think it was related to the container the table was in. Show us the Project Browser view structure.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 17, 2023, 1:06am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/3 "2023-03-17T01:06:11Z")

</div>

![What-you-got GIFs - Get the best GIF on GIPHY](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/6/a6be014aef563005e3cdc6a1a8ace57c06b9fa92.gif)

This is what I got:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/3/c3c141d5366492fd73e8aaec4e665753601fbd41.png)

However, even if I move it to almost the root, it still has the horz scrollbar:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/1/d1c9b15a911a014eb3660eef4d24b67174eb855b.png)

And into the root itself:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/b/8b1a9ec9e2fda2502afbaab3b39a0effa0142acc.png)

Copying the table into a completely new View fixes it... in this process I had to remove the binding on the `props.data` since the references were gone. It seems this is what actually fixed it, as removing the binding in the actual View fixes it there too. Strange

As soon as I add the binding back, which doesn't actually change the data, I get the horz scrollbar back....

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 17, 2023, 1:43am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/4 "2023-03-17T01:43:06Z")

</div>

As a workaround, I've removed the binding and used a custom prop change event script to update the `props.data` instead 😕

Edit:  
Wait... this fixed by original table, but didn't fix another table within the same flex. I copied the fixed one and pasted it into the flex, and the copied one still has the horizontal scrollbar?? I'm very confused

---

<div class="post-metadata">

**Author:** ![franklepkowski](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/franklepkowski/32/4808_2.png) [@franklepkowski](https://forum.inductiveautomation.com/u/franklepkowski)\
**Post date:** [March 17, 2023, 3:24am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/5 "2023-03-17T03:24:32Z")

</div>

What is your overflow setting? I have had some luck fixing issues by setting this to hide instead of auto.

Frank

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 17, 2023, 3:25am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/6 "2023-03-17T03:25:46Z")

</div>

I've tried `hidden` everywhere I can find in the Table styles (and the flex container, but this shouldn't affect the Table's body)  
But the fact that the same table copied into the same _column_ flex (if it were a _row_ flex it might be a different story), where one has a scrollbar and the other doesn't, indicates to me that it's more a bug than configuration

---

<div class="post-metadata">

**Author:** ![franklepkowski](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/franklepkowski/32/4808_2.png) [@franklepkowski](https://forum.inductiveautomation.com/u/franklepkowski)\
**Post date:** [March 17, 2023, 3:28am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/7 "2023-03-17T03:28:28Z")

</div>

Yes. Agreed. That seems buggy to me as well. I will keep an eye on this post hoping you get an explanation. I use a lot of table components in the applications I am developing.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [March 17, 2023, 4:32am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/8 "2023-03-17T04:32:19Z")

</div>

Update:  
If I turn _off_ `props.virtualised`, the problem is there. If I turn it _on_, it goes away. However no matter how hard I try, I can't produce the issue in a reproducible way. It displays correctly in my standalone test View.

However, I need to have virtualised off, as without it the mouse cursor becomes out of synch with the position of the scrollbar thumb (a separate bug).

_This doesn't affect the table at the top - this one is set to virtualised off and it's displaying correctly!!_

---

<div class="post-metadata">

**Author:** ![malone46844](https://avatars.discourse-cdn.com/v4/letter/m/b9bd4f/32.png) [@malone46844](https://forum.inductiveautomation.com/u/malone46844)\
**Post date:** [March 21, 2023, 1:35am UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/9 "2023-03-21T01:35:26Z")

</div>

I've endured this issue with the horizontal scroll bar in tables for ages. Similar scenario - virtualized off due to scroll issues, data property bound to a script running every second. I only see it in a client, never the designer.

To me it looks like a re-draw problem (or lack of) - the data produces enough rows to trigger the vertical scroll bar and the vertical scroll bar triggers the horizontal scroll bar to display. A few different events can make the horizontal scroll bar disappear:

- show/hide a subview in the table
- show/hide a dock that pushes content
- resize the browser window

It's become an OCD item for me and drives me nuts, lol.

A number of Ignition 8.1.x versions ago, having a column render a View was sufficient to make this disappear; but this stopped after rendering performance improvements were implemented at one point.

Only solution I've found now is to bind a custom property and use a Change Script to write it to the data property.

---

<div class="post-metadata">

**Author:** ![reto.kunz](https://avatars.discourse-cdn.com/v4/letter/r/6a8cbe/32.png) [@reto.kunz](https://forum.inductiveautomation.com/u/reto.kunz)\
**Post date:** [April 19, 2023, 3:37pm UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/10 "2023-04-19T15:37:42Z")

</div>

Same problem here. Thank you for the hint with the virtualized property, this resolved it in my case. But it is definitely an annoying bug / behavior. ☹

---

<div class="post-metadata">

**Author:** ![uTewell](https://avatars.discourse-cdn.com/v4/letter/u/e274bd/32.png) [@uTewell](https://forum.inductiveautomation.com/u/uTewell)\
**Post date:** [October 20, 2025, 6:56pm UTC](https://forum.inductiveautomation.com/t/bug-8488-perspective-table-has-unnecessary-horizontal-scrollbar-if-props-data-has-a-binding/71136/11 "2025-10-20T18:56:50Z")

</div>

This bug still exists only I cannot get it to go away by using a custom property and an edit change script.

Only thing that would get rid of it for me is to set virtualized to true.

I am on version 8.1.32.
