jquery - Bootstrap's dropdown menu is hidden by datatables

Question

this question is asked many times but nothing is working for me, So I've added dropdown menu in table header it is hidden by table body. If I remove overflow from the class "dataTables_scrollHead" dropdown is showing but problem is when I scroll table body(x-axis),table header is fixed it's not moving along with table body content .Can anyone please suggest some answer.

What I tried:(removed overflow:hidden)

.table-scrollable { 
overflow-x: visible; 
overflow-y: visible; 

}

Thank you

question from:https://stackoverflow.com/questions/65938646/bootstraps-dropdown-menu-is-hidden-by-datatables

Answer 1

Waitting for answers