此问题与Enterprise Edition附带的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文档中看不到类似的内容。
任何帮助表示赞赏;谢谢。
不在网格选项上设置statusBar
应该足以使状态栏不显示。
所以,我认为没有其他选择比通过css执行以下操作:
.ag-status-bar {
display: none;
}
当我根本不包括statusBar网格选项时,我仍然看到网格底部的空白区域(尽管它是空白的),状态栏应该是。
同意。当我不把它包含在gridOptions
时,它根本不应该出现。但无论如何,我会提供我认为对某人有帮助的任何东西。
顺便说一句,标记仍然存在于DOM中。所以answer @Diogo Rocha提供的将是正确的解决方案,如果你在任何情况下甚至没有看到它。
您可以通过访问Accessing Status Bar Panel Instances以编程方式更改其可见性
toggleStatusBarComp() {
let statusBarComponent = this.gridApi.getStatusPanel("statusBarCompKey");
let componentInstance = statusBarComponent;
if (statusBarComponent.getFrameworkComponentInstance) {
componentInstance = statusBarComponent.getFrameworkComponentInstance();
}
componentInstance.setVisible(!componentInstance.isVisible());
}
在文档中查看此示例:Get Status Bar Panel Instance