Angular 隐藏ag栅格状态栏

Angular 隐藏ag栅格状态栏,angular,typescript,ag-grid,Angular,Typescript,Ag Grid,这个问题与企业版附带的ag网格状态栏有关。我目前正在使用ag grid community 19.1和Angular 7 我正在寻找抑制状态栏的最佳方法?当我根本不包括statusBargrid选项时,我仍然在我的网格底部看到空的空间(尽管它是空的),状态栏应该在那里。检查生成的HTML会发现以下情况: <!--AG-STATUS-BAR--> <div class="ag-status-bar" ref="statusBar"> <div ref="eSt

这个问题与企业版附带的ag网格状态栏有关。我目前正在使用ag grid community 19.1和Angular 7

我正在寻找抑制状态栏的最佳方法?当我根本不包括
statusBar
grid选项时,我仍然在我的网格底部看到空的空间(尽管它是空的),状态栏应该在那里。检查生成的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>
老实说,我更喜欢通过
statusBar
grid选项中的设置以编程方式实现,但在ag-grid文档中我没有看到类似的内容


感谢您的帮助;谢谢。

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

因此,除了通过css执行以下操作外,我看不到其他选项:

.ag-status-bar {
    display: none;
}
当我根本不包括statusBar网格选项时,我仍然会在网格底部看到空的空间(尽管它是空的),状态栏应该在那里

同意。当我没有将它包含在
gridOptions
中时,它就不应该出现。但无论如何,我会提供我所发现的一切,认为这对某人有帮助。
顺便说一句,在DOM中仍然会有标记。因此,如果你在任何情况下都不知道该看什么,那么has提供的将是合适的解决方案


您可以通过访问以编程方式更改其可见性


看看文档中的这个例子:

这个解决方案确实有效(不过需要注意的是,我必须把它放在Angular应用程序中最高级的css级别才能生效)。如果没有发布其他网格选项解决方案,我会接受这个答案。谢谢所以在这种情况下,切换假设您实际上有一个状态栏开始,对吗?然而,在我的场景中,我根本不想要一个?正确,我已经为其他人提供了答案,他们可能在谷歌搜索后到达这里。。。正如我在回答中提到的,另一个答案对于你的场景来说是有意义的;我只是想确定我对你的理解是正确的。然而,这是有帮助的,在我看来也是相关的。
.ag-status-bar {
    display: none;
}
toggleStatusBarComp() {
   let statusBarComponent = this.gridApi.getStatusPanel("statusBarCompKey");
   let componentInstance = statusBarComponent;
   if (statusBarComponent.getFrameworkComponentInstance) {
     componentInstance = statusBarComponent.getFrameworkComponentInstance();
   }
   componentInstance.setVisible(!componentInstance.isVisible());
}