Estoy creando una aplicación React y tengo una tabla donde 3 columnas son menús desplegables falsos. Quiero que, cada vez que un usuario haga clic en el menú desplegable en una columna, digamos País, el menú desplegable aparece Y se coloca encima de los botones en las columnas adyacentes Región y Provincia.

Tenga en cuenta que no puedo trabajar con el elemento DropDown. En cambio, tengo un botón de elemento y un elemento <div> que se muestran condicionalmente. Lo que necesito es usar algo como z-index para colocar este div encima del resto de la tabla.

La celda tiene el atributo position: sticky; , por eso (tengo la impresión) no se puede usar el z-index...

¿Alguna sugerencia? ¡Muy apreciado!