I am using the ShimmeredDetailsList from fluent UI 8 and I want to make some rows sticky.

The problem is that this component renders the items inside virtualized pages and if I set position: sticky on them they will leave the container as soon as the page disappears. I want to make them sticky relative to the grandparent container that contains all the pages.

I used display: ‘contents’ and the sticky position works but the table breaks.

So this is my general question, is there any good way to make an element sticky relative to the grandparent container?