隐藏农业网格状态栏

Question

此问题与企业版随附的ag-grid的状态栏有关。我目前在Angular 7中使用ag-grid-community 19.1。

我正在寻找抑制状态栏的最佳方法？当我完全不包含statusBar网格选项时，我仍然在网格底部（尽管状态栏应为空白）看到空白区域。检查生成的HTML可以发现以下内容的存在：

<!--AG-STATUS-BAR-->
<div class="ag-status-bar" ref="statusBar">
    <div ref="eStatusBarLeft" class="ag-status-bar-left"></div>
    <div ref="eStatusBarCenter" class="ag-status-bar-center"></div>
    <div ref="eStatusBarRight" class="ag-status-bar-right"></div>
</div>

现在，如果我在Chrome控制台中完全删除了该部分，则它会根据需要消失。但是我尝试通过CSS执行此操作，但似乎不起作用：

.ag-status-bar {
    height: 0px;
}

老实说，我更喜欢通过statusBar网格选项中的设置以编程方式进行此操作的方法，但在ag-grid文档中看不到类似的东西。

感谢您的帮助；谢谢。

Answer 1

未在网格选项上设置statusBar应该足以使状态栏不出现。

因此，除了通过css，我看不到其他选择：

.ag-status-bar {
    display: none;
}

Answer 2

  

当我完全不包括statusBar网格选项时，我仍然在网格底部看到空白区域（尽管它是空白的），状态栏应该在该区域。

同意。当我不将其包含在gridOptions中时，它根本不会出现。但是无论如何，我会提供我认为对别人有帮助的任何内容。
 顺便说一句，标记仍将存在于DOM中。因此，提供的解决方案是正确的，即使您在任何情况下都看不到它。

---

您可以通过访问answer @Diogo Rocha

以编程方式更改其可见性

toggleStatusBarComp() {
   let statusBarComponent = this.gridApi.getStatusPanel("statusBarCompKey");
   let componentInstance = statusBarComponent;
   if (statusBarComponent.getFrameworkComponentInstance) {
     componentInstance = statusBarComponent.getFrameworkComponentInstance();
   }
   componentInstance.setVisible(!componentInstance.isVisible());
}

在文档中查看以下示例：Accessing Status Bar Panel Instances