Drop-down in fixed header scrollable body table
Application Type

I have a table with fixed header and scrollable body with a scroll bar inside that table in row I have a search drop-down when I click on the drop-down a list of items appear to select from expected behaviour but the popup list is opening inside the table only I want it to open in a way that it shd overlap header so that the search + the list choices is visible for user clearly to select from. Please help!

Hi, @Nikita Satpute  Is it possible to replicate that? or share?



Hey Nikita Satpute,

It can be achieved easily using the CSS z-index property on the Dropdown body.  The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one 

Please refer to the below article.


I hope, it can now resolve your issue.

Best of Luck

Amit Jain

Is this helpful for you Nikita ?

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.