Ocultar cuadrícula ExtJS Columna encabezado

Question

Entiendo que puedo ocultar el encabezado de columna de cuadrícula con el código.

#gridid .x-grid3-hd-row { display:none; } 

Pero no quiero utilizar ningún cambio de CSS. ¿Cómo hacer lo mismo usando JavaScript?

Answer 1

puede hacerlo fácilmente con la adición de este a Ext.grid.GridPanel de esta manera:

hideHeaders: true 

Answer 2

Puede establecer el hideHeaders configuration option of the GridPanel en true. ¿O quieres decir después de que se represente la grilla?

Editado: Si desea cambiar (o desactivar) la forma en que se crea la cabecera, también se puede anular o renderHeadersupdateHeaders de GridView. Otra forma podría ser la de pasar una opción templates a la GridView, con el conjunto header valor a una plantilla vacía en lugar del predeterminado:

ts.header = new Ext.Template(
    '', 
    '{cells}', 
    ' 
' 
); 

Aunque la implementación predeterminada escribe el encabezado en this.innerHd y innerHd se define como this.mainHd.dom.firstChild y this.mainHd se establece en oculto si se establece la opción hideHeaders. Entonces, yo esperaría que esa opción también afectaría los encabezados de las columnas.

Editado: ¿De qué versión de ExtJS estamos hablando? Miré the current source, que es 3.1, supongo.

Answer 3

Puede agregar esto a su definición de la retícula:

listeners: { 
    render: function(grid) { 
     grid.getView().el.select('.x-grid3-header').setStyle('display', 'none'); 
    } 
}, 

Answer 4

Por lo general, terminan deseando esto cuando colocas tu grilla en un panel.

Para mí los hacks CSS parecía mala y sólo esto funcionó:

preventHeaders: true 

ver la propiedad here in the docs.

Answer 5

sólo tiene que añadir hideHeaders: true a su red. debería funcionar