# Perspective flex repeater auto fit header **URL:** \ **Category:** Ignition\ **Tags:** ignition81, perspective\ **Created:** [July 17, 2023, 11:12am UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451 "2023-07-17T11:12:59Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Priyanka.Khandge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/priyanka.khandge/32/35989_2.png) [@Priyanka.Khandge](https://forum.inductiveautomation.com/u/Priyanka.Khandge)\ **Post date:** [July 17, 2023, 11:12am UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451/1 "2023-07-17T11:12:59Z")
Hi Guys, I'm using a flex repeater to generate multiple instances and flex container to header both flex repeater (for instances) and flex container (for header) display in the flex container. When generating a scrollbar then the mismatched header alignment. for more info, I have added the below screenshot with the scrollbar and without the scrollbar. Any idea how to fix this? ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/6/461f2726d65d87182485d13900775f6a152515ad.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6a7e51f8ffb8bb524fead87448c20b56e34adba4.png) Thanks, Priyanka ---
**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\ **Post date:** [July 17, 2023, 12:31pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451/2 "2023-07-17T12:31:36Z")
No sure if this could work with the header always visible. What I did in the past is change the overflow to visible on the flex repeater, so the scrollbar appear in the container that includes header and flex repeater ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [July 17, 2023, 12:58pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451/3 "2023-07-17T12:58:11Z")
you could use position:sticky to keep the header visible. requires a canvas tho > [@Perspective - View Canvas - replicate Excel spreadsheet - freeze top and left headers?](https://forum.inductiveautomation.com/t/perspective-view-canvas-replicate-excel-spreadsheet-freeze-top-and-left-headers/50400/6): > > here ya go: Sorry for the terrible quality, i couldnt upload the big video and seems i reduce it way to much xD the spacing columns and rows is a bit off but its just a demo stuck_out_tongue important things are: for the header position:sticky top:0 left:null for the left one: position:sticky top:null left:0 for the rest: position:absolute or position:relative [ { "position": "sticky", "top": "0px", "left": null, "bottom": "auto", "right": "auto… an easier (but uglier(?)) solution would be to use `overflow-y:overlay` (not supported on safari browsers or older browsers) which cases the scrollbar to "hover above" the content instead of pushing it to the side, best combined with a little margin so it doesnt obscure the content on the edge ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/0/2004ef2597d861f3e90d6804ff6b571af5939b70.png) ---
**Author:** ![deon.korb](https://avatars.discourse-cdn.com/v4/letter/d/8c91f0/32.png) [@deon.korb](https://forum.inductiveautomation.com/u/deon.korb)\ **Post date:** [July 17, 2023, 1:37pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451/4 "2023-07-17T13:37:51Z")
The other, completely different, option would be to use a table and render all of the content as views with the relevant parameters ---
**Author:** ![Priyanka.Khandge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/priyanka.khandge/32/35989_2.png) [@Priyanka.Khandge](https://forum.inductiveautomation.com/u/Priyanka.Khandge)\ **Post date:** [July 17, 2023, 1:41pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451/5 "2023-07-17T13:41:58Z")
The client requirement table does not allow it. ---
**Author:** ![Priyanka.Khandge](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/priyanka.khandge/32/35989_2.png) [@Priyanka.Khandge](https://forum.inductiveautomation.com/u/Priyanka.Khandge)\ **Post date:** [July 17, 2023, 2:13pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451/6 "2023-07-17T14:13:33Z")
@victordcq in designer display perfect as below screenshot. ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/f/cfcea61d27014c5848363c4e1fcfd23c5869a433.png) But the browser does not display perfectly (chrome browser) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/1/9139fd3a2a91243b350c3df102e07dc3a9f54527.png) ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/6/26ebdaccb4d1d114d8a472caa080ef7c35d5ecce.png) ---
**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\ **Post date:** [July 17, 2023, 2:57pm UTC](https://forum.inductiveautomation.com/t/perspective-flex-repeater-auto-fit-header/76451/7 "2023-07-17T14:57:07Z")
heh it seems that an update on 30 may dissabled this feature for some reason in chrome, no idea why **you have to now add in this aswell** `scrollbar-gutter: stable` ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/1/813127b988ce972e46442bf08f01fc858c0175b2.png)