11
votes

Hiding ExtJs Grid Colonne en-tête

Je comprends que je puisse cacher l'en-tête de colonne de grille à l'aide du code.

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


0 commentaires

5 Réponses :


11
votes

Vous pouvez définir le Hideheaders Option de configuration du gridpanel à true . Ou voulez-vous dire après que la grille soit rendue?

édité: Si vous souhaitez modifier (ou désactiver) la manière dont l'en-tête est créé, vous pouvez également remplacer renderheaders ou updateheards à partir de gridview . Une autre façon peut être de passer une option sur le gridview , avec la valeur de la valeur définie sur un modèle vide au lieu de la valeur par défaut: xxx

Bien que l'implémentation par défaut écrit l'en-tête dans this.innerhd et innerhd est défini comme this.mainhd .dum.firstchild et this.mainhd est défini sur masqué si si hidesheaders est défini. Donc, je m'attendrais à ce que cette option affecte aussi les en-têtes de colonne.

édité: Quelle version de ExtJS parle-t-on? J'ai regardé La source actuelle , qui est 3.1 je suppose.


1 commentaires

L'option Hideheader est pour la seule en-tête de la grille. J'ai demandé à propos de la colonne de la grille



4
votes

Vous pouvez ajouter ceci à votre grille Définition:

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


0 commentaires

20
votes

Vous pouvez le faire facilement avec l'ajout sur celui-ci à ext.grid.gridpanel de cette manière: xxx


0 commentaires

0
votes

Généralement, vous vous retrouvez en voulant cela lorsque vous mettez votre grille dans un panneau.

Pour moi, les hacks CSS semblaient mauvais et que cela ne fonctionnait que: P>

preventHeaders: true


0 commentaires

6
votes

Il suffit d'ajouter Hideheaders: true à votre grille. il devrait fonctionner


0 commentaires