angular - 隐藏ag-grid状态栏

Question

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

我正在寻找抑制状态栏的最佳方法？当我根本不包含 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;
}