IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JSF Java Discussion :

[Primefaces] - La largeur des colonnes du tableau n'est pas "recalculée" après utilisation du columnToggler


Sujet :

JSF Java

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Homme Profil pro
    Développeur Java
    Inscrit en
    Mars 2016
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Mars 2016
    Messages : 2
    Par défaut [Primefaces] - La largeur des colonnes du tableau n'est pas "recalculée" après utilisation du columnToggler
    Bonjour, mon problème est décrit dans le titre.

    J'ai mis deux captures d'écran en pièces jointes pour bien visualiser le problème
    Mon code est le suivant

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    <p:panelGrid id="myTable" columns="1" styleClass="zoneRecherche">
       <p:column>
        <p:panelGrid columns="1">
          <p:dataTable id="listIdentitePersonnes" rowIndexVar="row"scrollHeight="310" var="identitepersonne"
    		  emptyMessage="Pas de données"
    		  widgetVar="monIdentitePersonne" value="#{reactivationBean.listIdentitePersonnes}"
    		  sortMode="multiple" selection="#{reactivationBean.identitesSelectionnees}"
    		  scrollable="true" scrollRows="10"
    		  rowKey="#{identitepersonne.id}" resizableColumns="true"
    		  styleClass="#{(reactivationBean.listIdentitePersonnes.size() le '10') ? 'scrollableData' : 'fontTextDefault'}">
     
               <f:facet name="header" style="width:100%">
    	     <h:outputLabel id="listeResultatPersonnesLabel#{idx}" value="Résultats de la requête" />
    	      <p:commandButton id="consultationDataTableToggler1" type="button" value="Colonnes affichées" style="float:right;height:16px;font-size:10px" />
                 <p:columnToggler widgetVar="myColumnToggler" datasource="listIdentitePersonnes" trigger="consultationDataTableToggler1"/>
    	  </f:facet>
     
    	<p:ajax event="sort" oncomplete="updateToggles()" />
    	<p:ajax event="page" oncomplete="updateToggles()" />
    	<p:ajax event="rowSelectCheckbox" />
    	<p:ajax event="rowUnselectCheckbox" />
    	<p:ajax event="rowSelect" />
    	<p:ajax event="rowUnselect" />
    	<p:ajax event="toggleSelect" process="@this" />
     
            <p:column id="reactivationRequeteDataTableCheckBox"
    				selectionMode="multiple" style="width:18px !important;text-align:center" toggleable="false" />
    	<p:column id="reactivationRequeteDataTableNumLigne"
    				style="width:18px"  headerText="N°" styleClass="check-colonne-tableau">
    	  <h:outputText value="#{row + 1}" />
           </p:column>
    	<p:column style="width:120px" headerText="Personne" sortBy="#{identitepersonne.numeroPersonne}">
               <h:outputText escape="true" value="#{identitepersonne.numeroPersonne}" />
    	</p:column>
    	<p:column style="width:150px" headerText="Nom" sortBy="#{identitepersonne.nom}">
              <h:outputText id="colNom" escape="true" value="#{identitepersonne.nom}" />
    	 <p:tooltip for="colNom" value="#{identitepersonne.nom}" trackMouse="true" />
    	</p:column>
    	<p:column style="width:150px" headerText="Prénom(s)" sortBy="#{identitepersonne.prenom}">
               <h:outputText id="colPrenom" escape="true" value="#{identitepersonne.prenom}" />
    	  <p:tooltip for="colPrenom" value="#{identitepersonne.prenom}" trackMouse="true" />
    	</p:column>
    	<p:column style="width:120px" headerText="Date naiss." sortBy="#{identitepersonne.dateNaissance}">
               <h:outputText escape="true" value="#{identitepersonne.dateNaissance}">
                  <f:converter converterId="com.myPackage..jsf.Date" />
    	  <f:attribute name="pattern" value="dd/MM/yyyy" />
    	 </h:outputText>
          </p:column>
          <p:column style="width:50px" headerText="Sexe" sortBy="#{identitepersonne.sexe}">
             <h:outputText escape="true" value="#{identitepersonne.sexe}" />
         </p:column>
         <p:column style="width:150px" headerText="Catégorie-global" sortBy="#{identitepersonne.categorie}">
             <h:outputText escape="true" value="#{referenceApplicationBean.recupererCategorie(identitepersonne.categorie)}" />
         </p:column>
     
        </p:dataTable>
     </p:panelGrid>
    </p:column>
    </p:panelGrid>
    J'ai essayé la solution présentée ici : http://blog.primefaces.org/?p=3341
    Mais ça ne marche pas. Je n'ai pas d'idées. Faut-il que j'écrive du code Javascript pour corriger le problème? Merci par avance
    Images attachées Images attachées   

Discussions similaires

  1. Réponses: 4
    Dernier message: 24/05/2010, 14h09
  2. Tableau Croisé - largeur des colonnes
    Par agif123 dans le forum VBA Access
    Réponses: 2
    Dernier message: 18/02/2009, 15h07
  3. Fixer la largeur des colonnes d'un tableau
    Par CYCLOPE91440 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 19/01/2007, 17h55

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo