# Perspective - FlexRepeater - ScrollBar

**URL:** <https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [October 5, 2022, 6:38pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861 "2022-10-05T18:38:30Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [October 5, 2022, 6:38pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/1 "2022-10-05T18:38:30Z")

</div>

I'm on 8.1.20

Is there a way to get if a flexrepeater has scrollbar visible when overflow auto ?

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [October 5, 2022, 6:45pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/2 "2022-10-05T18:45:49Z")

</div>

Can you explain the goal here, there might be an indirect way to get what you are looking for?

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [October 5, 2022, 6:57pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/3 "2022-10-05T18:57:04Z")

</div>

I have an header in a flexRow that I want to align with the flexRepeater rows, but when scroll bar appear the content of the repeater lose header alignment, so I want to display a table look with a repeater

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [October 5, 2022, 6:58pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/4 "2022-10-05T18:58:24Z")

</div>

Interesting. Could you accomplish this with a viewCanvas and just have the first item be the header and everything else be your rows?

It would make the instantiation of the repeated rows slightly more complex, but would simplify needing to grab the scroll bar state.

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [October 5, 2022, 7:20pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/5 "2022-10-05T19:20:41Z")

</div>

No I can't because header and rows must be responsive and each row can wrap...

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [October 5, 2022, 7:40pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/6 "2022-10-05T19:40:49Z")

</div>

But if you use the viewCanvas’ width won’t you still get that?

---

<div class="post-metadata">

**Author:** ![luc.martin](https://avatars.discourse-cdn.com/v4/letter/l/77aa72/32.png) [@luc.martin](https://forum.inductiveautomation.com/u/luc.martin)\
**Post date:** [October 5, 2022, 7:49pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/7 "2022-10-05T19:49:56Z")

</div>

Don't want that header scroll with rows...., I want to keep header always visible

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [October 5, 2022, 9:18pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/8 "2022-10-05T21:18:30Z")

</div>

Ahhh, good point. Are you able to provide a screenshot so I can try and mock this up?

EDIT: I figured it out thanks to @victordcq's comments [on this thread](https://forum.inductiveautomation.com/t/perspective-view-canvas-replicate-excel-spreadsheet-freeze-top-and-left-headers/50400/6)

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

They things were to use a view canvas, then set the position of all the rows to `relative` and the first one to `sticky`. This will freeze the top row.

Then set the zIndex of the first row to 1, and give it a background color, that way the overlap happens correctly.

[Here is my example](https://forum.inductiveautomation.com/uploads/short-url/jUoaC36l7b4kriMaMU9j4zBLr25.zip) (8.3 KB)

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [October 5, 2022, 10:19pm UTC](https://forum.inductiveautomation.com/t/perspective-flexrepeater-scrollbar/64861/9 "2022-10-05T22:19:52Z")

</div>

A feature request out of this as well

Can `sticky` (since it works) be treated as a valid position input? It might make it more clear to users how to implement this sort of thing