10
votes

Masquer l'en-tête de colonne de table PrimeFaces

J'ai un p: Treetable et le contenu de l'arbre sont tous dans une colonne. L'arborescence est un composant partagé de sorte que certaines de mes pages nécessitent une en-tête de colonne et et d'autres non. Dans les pages où la tête de colonne est vide, elle crée une ligne vide pour l'en-tête de colonne que je ne veux pas. Je veux que le contenu de la colonne, tout simplement pas l'en-tête lorsqu'il n'y a pas d'en-tête de colonne.

Comment puis-je résoudre ce problème? Tous les pointeurs / idées seraient super. Merci!

hide columnheader primefaces treetable

0 commentaires

6 Réponses :

15
votes

Vous pouvez résoudre celui-ci avec CSS personnalisé en définissant l'attribut d'affichage THEAD sur Aucun:

Exemple: P>

<h:form id="testForm">
    <p:dataTable id="first">
        ...
    <p:/dataTable>
</h:form>

1 commentaires

Merci d'avoir répondu, l'affichage: Aucun n'a fonctionné pour moi, ajusté peu pour obtenir la ligne souhaitée .hide-colonne-en-tête Table Thead tr [Rôle = 'Row'] {Affichage: Aucun;};};}

1
votes

Vous pouvez trouver que vous devez être plus spécifique avec votre sélecteur de style: xxx

Ceci élimine également la nécessité de référencer votre identifiant de formulaire. Le «$» est un début avec une carte sauvage et le «>» ne dit que sélectionner uniquement les enfants directs. Voir http://www.w3schools.com/cssref/csss_selectors.asp pour un vraiment bonne référence sélecteur CSS.

0 commentaires

5
votes

une solution plus formelle:

tag: xxx

style: xxx

0 commentaires

8
votes

si votre code> utilise des largeurs de colonnes telles que ceci xxx pré>

et vous utilisez les CSS suivants pour masquer les en-têtes de colonne P>

.myTable thead th { 
    border: none !important; 
    background: none !important; 
}

1 commentaires

Pour moi travaillé: .notableheader table Thead th {Border-Color: transparent; Couleur de fond: blanc; Couleur de la frontière: RVB (212 214.216); / * Ceci seulement obtenir une bordure au sommet de la table * /}

1
votes

Masquer l'en-tête (identique à d'autres réponses): xxx

... et spécifier la largeur de la colonne: xxx

Ceux-ci ne seront pas Travaillez avec des tables de refouement = "vraies".

Pour moi la frontière: Aucun, Arrière-plan: Aucune suggestion laisse un espace vide au-dessus de la table et cache le bord côté gauche de la table.

0 commentaires

0
votes

Ajouter ce code à votre fichier CSS3 xxx

puis appelez ce code dans le fichier XHTML comme celui-ci: xxx

0 commentaires