隐藏ag-grid状态栏

问题描述 投票:1回答:2

此问题与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文档中看不到类似的内容。

任何帮助表示赞赏;谢谢。

angular typescript ag-grid
2个回答
2
投票

不在网格选项上设置statusBar应该足以使状态栏不显示。

所以,我认为没有其他选择比通过css执行以下操作:

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

1
投票

当我根本不包括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

© www.soinside.com 2019 - 2024. All rights reserved.