单击按钮显示一些弹出窗口（模态）后如何隐藏 AG-Grid

Question

如何隐藏 AG-Grid https://www.ag-grid.com/ 单击按钮以显示一些弹出窗口（模式）。每个其他元素都被模态背景“覆盖”。但是 AG Grid 位于模态之上。启用模态后如何隐藏网格？至少如何在AG Grid之上渲染modal？应用程序是用 React 开发的。

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

Answer 1

将 z-index 属性 添加到您的模态背景 class。带有此 class 的 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;
}