Sticky rows in DetailsList - fluent ui 8

[billgewrgoulas]

Hi, does anyone know how i can implement sticky rows in the DetailsList component? We have modified the component using the onRenderRow callback to support hierarchical data and it works very well.

I know its possible to do this in GroupedList or using the groups prop because the list renders a container for each group so position: sticky works. But we dont want to use GroupedList because its buggy. We have reproduced some bugs when rendering large amounts of data and also we dont like how the grouping is done.

When appliyng position: sticky to the desired rows they become sticky but relatively to the virtualized pages. So when those leave the view port the headers stop being sticky.

It really is a blocker for us so if anyone knows anything it would be highly appreciated.