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; }
Partager