Bonjour,

J'utilise un tableau Datatable du framework Primefaces.
Dans ce tableau, une colonne de type number est modifiable.
Mon problème est que je suis obligé de cliquer 2 fois dans une cellule pour pouvoir modifier son contenu.
Il semble y avoir un rapport avec le cadrage à droite : style="float: right"
Merci pour votre aide.

Code qui fonctionne avec 1 clic :

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
                            <p:column width="50" style="border-color: lightgrey">
                                <f:facet name="header">
                                    <div class="titreColonne">
                                        <p:commandLink>
                                            <h:outputLabel value="#{planCompteM61ManagerBean.listeColonneAnnee.get(0)}" class="titreColonneLibelle titreColonneFonction bleu"/>
                                        </p:commandLink>
                                    </div>
                                </f:facet>
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <h:outputText value="#{ligne.valeur01}" class="texteBleu">     <----- pas de cadrage
                                            <f:convertNumber pattern="###,###,###,##0.00"/>
                                        </h:outputText>
                                    </f:facet>
                                    <f:facet name="input">
                                        <p:inputNumber value="#{ligne.valeur01}"/>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>
Code qui fonctionne mais avec 2 clic :

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
                            <p:column width="50" style="border-color: lightgrey">
                                <f:facet name="header">
                                    <div class="titreColonne">
                                        <p:commandLink>
                                            <h:outputLabel value="#{planCompteM61ManagerBean.listeColonneAnnee.get(0)}" class="titreColonneLibelle titreColonneFonction bleu"/>
                                        </p:commandLink>
                                    </div>
                                </f:facet>
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <h:outputText value="#{ligne.valeur01}" style="float: right" class="texteBleu">     <----- avec style="float: right" pour cadrage à droite
                                            <f:convertNumber pattern="###,###,###,##0.00"/>
                                        </h:outputText>
                                    </f:facet>
                                    <f:facet name="input">
                                        <p:inputNumber value="#{ligne.valeur01}"/>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>