如何隐藏AG-Grid一旦我点击按钮显示一些弹出(模态)

Question

如何隐藏AG-Grid https://www.ag-grid.com/一旦我点击按钮显示一些弹出(模态)。所有其他元素都被"覆盖"了。通过模态背景。但是AG Grid处于模式的顶端。我如何隐藏网格一旦启用模式?至少模态如何在AG网格上渲染?应用程序是用React开发的。

.modalBackground {
width: 100vw;
height: 100vh;
background-color: rgba(200, 200, 200);
position: fixed;
display: flex;
justify-content: center;
align-items: center ;
}

Answer 1

为你的modalBackground类添加一个z-index属性。这个类的div也需要是body标签的子标签。

.modalBackground {
width: 100vw;
height: 100vh;
background-color: rgba(200, 200, 200);
position: fixed;
display: flex;
justify-content: center;
align-items: center ;
z-index: 1;
}