Angular 隐藏ag栅格状态栏
这个问题与企业版附带的ag网格状态栏有关。我目前正在使用ag grid community 19.1和Angular 7 我正在寻找抑制状态栏的最佳方法?当我根本不包括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
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());
}