z-index on thead or tbody of Grid causes drop not to work

I am setting the z-index of the thead or tbody of a Grid in order to make tooltips display in front of the header of the Grid and not behind.

However, if I set z-index to -1 drop of items does not work anymore.

Any idea how I could solve this?

Hi, Both the thead and tbody elements are private internals of the grid Web Component. Modifying them isn’t advised and might cause unexpected behaviour. If possible, rather modify the (z-index of the) tooltip component you’re using, or create a separate stacking context for the grid if it helps.

Unfortunately, changing the z-index of the tooltip does not have any effect. The tooltip is injected via JS.

Have you found a solution for this? I am facing the same problem. Z-index for header tooltip is not working.