Búsqueda de sitios web

angular - Ocultar la barra de estado de ag-grid

Esta pregunta se refiere a la barra de estado de ag-grid que viene con la Edición Enterprise. Actualmente estoy usando ag-grid-community 19.1 con Angular 7.

¿Estoy buscando la mejor manera de suprimir la barra de estado? Cuando no incluyo la opción de cuadrícula statusBar en absoluto, todavía veo un espacio vacío en la parte inferior de mi cuadrícula (aunque está en blanco), donde debería estar la barra de estado. Inspeccionar el HTML generado revela la existencia de esto:

<!--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>

Ahora, si elimino esa sección completamente en la consola de Chrome, desaparece como se desea. Pero he intentado hacer esto mediante CSS, pero parece que no funciona:

.ag-status-bar {
    height: 0px;
}

Honestamente, preferiría una forma de hacerlo programáticamente mediante una configuración en la opción de cuadrícula statusBar, pero no veo nada así en la documentación de ag-grid.

Cualquier ayuda es apreciada; gracias.

Respuesta #1

No configurar statusBar en las opciones de la cuadrícula debería ser suficiente para que la barra de estado no aparezca.

Entonces, no veo otra opción que, a través de CSS, hacer lo siguiente:

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

Respuesta #2

Cuando no incluyo la opción de la cuadrícula de la barra de estado en absoluto, todavía veo espacio vacío en la parte inferior de mi cuadrícula (aunque está en blanco), donde debería estar la barra de estado.

De acuerdo. Cuando no lo incluyo en gridOptions, no debería aparecer en absoluto. Pero de todos modos, proporcionaré lo que he encontrado pensando que podría ser útil para alguien.
Por cierto, el marcado todavía estaría en el DOM. Así que la respuesta que @Diogo Rocha ha proporcionado sería la solución adecuada, si no quieres ni siquiera verlo en ningún caso.

Puedes cambiar su visibilidad programáticamente accediendo a las instancias del panel de la barra de estado

toggleStatusBarComp() {
   let statusBarComponent = this.gridApi.getStatusPanel("statusBarCompKey");
   let componentInstance = statusBarComponent;
   if (statusBarComponent.getFrameworkComponentInstance) {
     componentInstance = statusBarComponent.getFrameworkComponentInstance();
   }
   componentInstance.setVisible(!componentInstance.isVisible());
}

Echa un vistazo a este ejemplo en la documentación: Obtener instancia del panel de la barra de estado

Artículos relacionados