Table columns show up above its container when using useWindowScroll

[adrienprsn]

https://codesandbox.io/s/sandpack-project-forked-ejukxc

Hi !

Thank you for this great library.
I'm using useWindowScroll and I need to maintain some margin above the Table, like in the example.
The issue I'm facing is the rows show up above the headers.
Is there a way to prevent that ?

Cheers

[shinenic]

@adrienprsn
Just comment out this style, lol

[adrienprsn]

You're missing the point, in the question I specifically say "I need to maintain some margin above the Table"

[shinenic]

oh, sorry for the misunderstanding,
I am not sure why you need the margin,
but I think maybe you can add a placeholder outside the table,
or add a row on the thead to achieve it.

for example:
https://codesandbox.io/s/sandpack-project-forked-xj4zyk?file=/App.js

[adrienprsn]

I tried that before but this doesn't work because the Table also has a box-shadow all around, like here: https://codesandbox.io/s/sandpack-project-forked-egc04d?file=/Table.js
You can see the shadow on the placeholder as you scroll down