Cómo ocultar AG-Grid https://www.ag-grid.com/ una vez que hago clic en el botón para mostrar una ventana emergente (modal). Todos los demás elementos están "cubiertos" por un fondo modal. Pero AG Grid está en la cima del modal. ¿Cómo puedo ocultar la cuadrícula una vez que modal está habilitado? Al menos, ¿cómo se puede representar modal sobre AG Grid? La aplicación está desarrollada con React.
.modalBackground { width: 100vw; height: 100vh; background-color: rgba(200, 200, 200); position: fixed; display: flex; justify-content: center; align-items: center ; }Agregue una propiedad de índice z a su clase modalBackground. El div con esta clase también debe ser un elemento secundario de la etiqueta del cuerpo.
.modalBackground { width: 100vw; height: 100vh; background-color: rgba(200, 200, 200); position: fixed; display: flex; justify-content: center; align-items: center ; z-index: 1; }