la largeur de la colonne en rich:datatable

Comment définir la colonne, la largeur pour un rich:column à l'intérieur d'un rich:datatable ? Le width attribut est ignoré. Voir le code suivant:

<rich:column label="#{msg[result]}" width="150px">
<f:facet name="header">
    <h:outputText value="#{veryLongText}"/>
</f:facet>
<h:outputText value="#{someValue}" /> 
<f:facet name="footer">
    <h:outputText value="#{someValue}" /> 
</f:facet>
</rich:column>

Si vous effectuez le rendu de cette colonne et veryLongText est plus large que 150px de ne pas le briser en plusieurs lignes. Au lieu de cela, il ignore simplement la largeur de la colonne et prend autant de l'espace nécessaire.

Comment résoudre ce problème?

OriginalL'auteur pakore | 2010-08-18

  1. 12

    Essayer le <rich:column>'s headerClass attribut, comme suit:

    <rich:column headerClass="myWidth">
...
</rich:column>

    Puis, dans votre CSS (incorporé ou lié):

    .myWidth {width:150px}

    Vous pouvez également avoir quelques contrevient à la "white-space" propriété CSS entrée en jeu quelque part, de sorte que vous pouvez spécifier la .myWidth sélecteur de la manière suivante:

    .myWidth {width:150px; white-space:normal!important}

    OriginalL'auteur PattMauler

  2. 3

    Si vous souhaitez obtenir des colonnes avec word-wrap utiliser ce un....

    <div style="overflow: hidden;width: 300px;word-wrap: break-word; ">
  <h:outputText value="#{someValue}" />
</div>

    Il est testé sur Mozilla et IE 8.0.

    OriginalL'auteur Om Yadav

  3. 2

    utilisation:

    style="width:150px"

    ou styleClass="myColumnClass"
    lorsque vous ajoutez dans votre CSS

    .myColumnClass{
 width: 150px;
}
    Nop, ça ne fonctionne pas. Largeur de colonne est toujours aussi large que veryLongText.

    OriginalL'auteur Dejell

  4. 1

    vous pouvez utiliser ceci:

    <rich:column width="60px">
    <f:facet name="header">
        <h:outputText value="#{veryLongText}" />
    </f:facet>
    <div style="overflow:hidden;width:60px">
         <h:outputText value="#{someValue}" />
    </div>
</rich:column>

    OriginalL'auteur mohamida