PrimeFaces: Comment mettre un saut de ligne à l'intérieur de la colonne d'en-tête
Dans mon application, j'ai le texte suivant <p:dataTable>
:
Le 2ème en-tête de colonne coûte trop d'espaces. Donc, j'aimerais mettre un saut de ligne entre Number of
& Sessions
et aussi alignez verticalement les en-têtes du tableau. J'ai essayé de réduire la largeur de la colonne, mais il n'a pas automatiquement un saut de ligne.
En outre, comme le nom d'en-tête est extrait de la l10n.properties
fichier, j'ai aussi essayé de le définir comme Number of /n Sessions
mais /n
a été imprimée comme un fait normal de la chaîne.
Mise à JOUR: j'ai aussi essayé de mettre la propriété en tant que Number of <br/> Sessions
. Cependant, dans le code HTML généré, <br/>
disparu et la table ressemble exactement le même que ci-dessus.
Je serais très reconnaissant si vous pouviez me donner un conseil.
Cordialement,
Vous devez vous connecter pour publier un commentaire.
Merci pour l'astuce de la misère, j'ai enfin trouvé la solution suivante:
Essayer cette
Si vous utilisez le "Nombre de Sessions" à partir des propriétés de fichier, essayez de le ci-dessous dans votre fichier de propriétés ...
Number of
etSessions
, le saut de ligne a été créé au début de la phrase. En conséquence, il y a une ligne vide et l'ensemble de laNumber of Sessions
a été déplacé à la 2ème ligne. 🙁Si c'est du CSS, vous pourriez avoir une
<br/>
tag après le 'Nombre de'.Je viens de voir votre post édité.
Ce que vous faites dans Firebug est en fait 'l'édition de texte"
Cependant, ce que vous devez faire est "clic Droit" puis "Modifier le code HTML'. De cette façon, lorsque vous insérez l'
tag, le texte allait se briser et décalage sur la ligne suivante.
l10n.properties
fichier? En quelque sorte,<br/>
a été supprimé avant, le point de vue est imprimé.La réponse la plus simple pour cela est d'ajouter white-space:pre-ligne dans l'attribut style.
Voir le code ci-dessous