Bonjour,

J’utilise RichFaces 4.3.6. J’ai un dataGrid lui-même constitué de dataGrid et dataTable.

1) J’aimerais que les dataGrid internes soient alignés vers le haut ; de même les dataTable devraient être alignés vers le haut également. J’ai essayé avec vertical-align: top sans succès.

2) Comment centrer les images contenues dans le dataGrid ? Elles sont centrées verticalement mais pas horizontalement.

Merci par avance !

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
<rich:panel> 
                <rich:dataGrid  value="#{isb.bloc.groups}" var="group" columns="#{isb.bloc.groupsSize}" styleClass="data-grid" >
                             <rich:dataGrid value="#{group.items}" var="item" columns="#{group.colNumber}" elements="#{group.itemsSize}" styleClass="data-grid">  
                                    <f:facet name="header">
                                        <h:outputText value="#{group.name}" class="facet-datagrid"></h:outputText>
                                    </f:facet>
                                    <rich:panel>
                                        <h:graphicImage value="/img/#{item.image.id}/#{item.image.type}" width="#{item.image.width}" height="#{item.image.height}" class="image" />    
                                    </rich:panel>
                              </rich:dataGrid>
 
                              <h:dataTable value="#{group.remarks}" var="rem" styleClass="data-table">
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText class="left block" value="#{msg['details']}"></h:outputText>
                                        </f:facet>
                                        <h:outputText class="left block" value="#{rem.detail}"></h:outputText>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">  
                                            <h:outputText class="right block" value="#{msg['delays']}"></h:outputText>
                                        </f:facet>
                                        <h:outputText class="right block" value="#{rem.delay}"></h:outputText>
                                    </h:column>
                              </h:dataTable>                    
                </rich:dataGrid>
</rich:panel>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
.data-table{
    width: 100%;
    vertical-align: top;
}
 
.data-grid{
    width: 100%;
    vertical-align: top;
}
.image{
    padding: 10px; 
}