Dropdown behind datatable when fixed rows True

I have an issue with a drop down menu when the fixed_rows={‘headers’:True} exists. If the fixed header is False the dropdown menu is shown as it can see in the following image

Meanwhile if the fixed_rows={'headers} is true the dropdown menu disappears behind the table

I tried changing the z-index of the associated div for the table and dropdown menu but it does nothing. Does anyone have any recommendation?

Anyone has a solution?

Anyone with a solution for this?