6
votes

Réglage de la largeur de la colonne pour les pratiques de données de données

Vous avez besoin d'aide pour régler la largeur de la colonne pour le DataTable. Cependant, la largeur de données ne semble pas être uniforme. La largeur de la colonne dans le jeu de données semble varier en fonction de la longueur d'en-tête de colonne. Veuillez vous reporter au code ci-dessous.

 <p:column style="text-align: left; width:15px;" >
           <f:facet name="header">
              <h:outputText id="SalesHistoryID" value="View Sales History/Forecast"/>
           </f:facet>
           <h:commandLink  id="ForecastID" value="View"/>


3 Réponses :


5
votes

Style = "Table-Disposition: fixe" sur l'élément de table est ce que vous recherchez. La mise en page de la table par défaut est "Auto", ce qui garantit qu'aucune cellule n'est plus petite que le contenu. Soyez sur ce texte qui ne peut pas s'adaptera au débordement.


4 commentaires

Merci beaucoup pour ta réponse. J'ai un problème similaire pour le bouton de commande également. J'ai défini la largeur du bouton sur une valeur fixe. Mais si le texte sur le bouton dépasse une certaine limite, seule une partie du texte est visible dans le bouton. Pouvez-vous suggérer s'il y a un moyen d'avoir le bouton le texte entier dans la largeur spécifiée. Merci d'avance


Réglage Aucune largeur du tout rendrait le bouton assez grand pour s'adapter au texte. Si vous voulez une largeur minimale sur les boutons (pour certains avec très peu de texte), vous pouvez utiliser min-largeur: * px


Salut rasmus. Merci pour la réponse. J'ai toujours des problèmes avec la largeur de la colonne, définissant le style = "Disposition de la table: fixe" sur l'élément de table, semble fonctionner correctement pour le jeu de données JSF. Dans mon cas, lorsque j'essaie de définir la même chose pour les primesFaces DataTable, il ne semble pas fonctionner. La largeur de la colonne semble dépendre de la longueur de l'étiquette de texte spécifiée.


J'ai essayé d'ajouter une disposition de table fixée à une table générée par des techniques de pointe et définissez une largeur de colonne, ce qui a réduit la largeur de la colonne au-delà des valeurs minimales pour le montage des en-têtes. Si vous inspectez le code HTML généré par P: datables, mettez-vous le style que vous définissez sur la balise sur la table réelle ou sur la DIV environnante générée?



13
votes

Pour définir la largeur de la colonne pour un jeu de données, définissez resizablecolumns = "true" pour le jeu de données, puis définissez la largeur pour une colonne spécifique utilisant largeur = "10" pour un Colonne, thats il :) xxx


0 commentaires

7
votes
<p:dataTable id="id"  value="#{bean.mainList}"  var="dp" tableStyle="width:auto"  resizableColumns="true"  >
tableStyle="width:auto" , resizableColumns="true" this will help to fit columns 

1 commentaires

toujours une réponse utile :)