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. p>
Comment puis-je résoudre ce problème? Tous les pointeurs / idées seraient super. Merci! P>
6 Réponses :
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>
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;};};}
Vous pouvez trouver que vous devez être plus spécifique avec votre sélecteur de style: 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. p> p>
une solution plus formelle:
tag: p> style: p>
si votre et vous utilisez les CSS suivants pour masquer les en-têtes de colonne P>
.myTable thead th {
border: none !important;
background: none !important;
}
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 * /}
Masquer l'en-tête (identique à d'autres réponses): ... et spécifier la largeur de la colonne: p> Ceux-ci ne seront pas Travaillez avec des tables de refouement = "vraies". P> 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. P> p>
Ajouter ce code à votre fichier CSS3 puis appelez ce code dans le fichier XHTML comme celui-ci: p>