首页 文章

隐藏ag-grid状态栏

提问于
浏览 次
0

此问题与企业版附带的ag-grid状态栏有关 . 我目前正在使用带有Angular 7的ag-grid-community 19.1 .

我__75740_ t包括 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 回答

  • 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

    回复于
  • 1

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

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

    .ag-status-bar {
    display: none;
}
    回复于

相关问题