Discussion :

[Esil2008]

Salut,
J'arrive pas à définir une largeur de manière dynamique pour les header et cellules de ma dataTable.
voila le code ds ma JSPX

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
<ice:dataTable value="#{orderBook.rowDataModel}" 
								var="order" 
								id="table"
								rows="8"
								styleClass="orderTable" 
								columnWidths="#{orderBook.columnWidths}"> 
 
								<ice:rowSelector styleClass="#{orderBook.styleRowSelector}"/>
								<ice:column>
									 <ice:panelGroup >
					                   <!-- Render the expand/contract if there is an image -->
					                   <ice:commandLink id="expandCmdLnk"
				                           actionListener="#{order.toggleSubGroupAction}">
				                            <ice:graphicImage id="expandContractImage"
				                                    value="#{order.expandContractImage}"
				                                    style="border: 0px solid;"
				                                    rendered="#{orderBook.expandedable}"/>
					                   </ice:commandLink>
					                   <ice:commandLink id="expandCmdLnk2"
				                           actionListener="#{orderBook.openSecondPopup}">
				                            <ice:graphicImage id="expandContractImage2"
				                                    value="img/expand.gif"
				                                    style="border: 0px solid;"
				                                    rendered="#{orderBook.listOrderExpandedable}"/>
					                   </ice:commandLink>
				                    </ice:panelGroup>
				                </ice:column>
								<ice:columns id="columnDataModel" 
									value="#{orderBook.headerName}"
									var="column"
									rendered="true">
									<f:facet name="header" >
										<ice:outputText style=""
											id="rowData" value="#{column}" />
									</f:facet>
 
									<ice:panelGroup styleClass="orderTableRow">
				                       <ice:outputText id="cellValue" 
				                       		value="#{orderBook.cellValue}" 
				                      		rendered="#{column!='Exec qty'}"/>
				                       <ice:outputProgress id="percentStandard"
					                        value="#{orderBook.pourcentageExec}"
					                        labelPosition="embed"
					                        rendered="#{column=='Exec qty'}"
					                        styleClass="ORprogressBar"/>
				                    </ice:panelGroup>
								</ice:columns>
							</ice:dataTable>

ds mon bean j'implémente la méthode getColumnWithds

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
public String getColumnWidths() {
		String s = "";
....
return s;
}

et j'applique les styles suivants :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
.orderTable {
	/*width: 960px;	*/
	font-size:0.9em;
 
}
 
.orderTableHdr {
	text-decoration:underline;
	background-color:#A0A1A;
}

Bizarement ça marche absolument pas, il prend pas en compte l'attribut columnWidhts. J'ai lu sur la doc icefaces que columnwidht est appliqué pour une datatable scrolable, j'ai essaye aussi de faire ça, mais ça donne un résultat encore plus moche.

Merci pour votre aide

[bard123]

Salut,

normalement, si tu n'applique pas de style à ton datatable, la largeur des colonnes se mettent automatiquement en fonction du texte qu'il y a à l'intérieur

Sinon, si tu veux lui imposer une largeur pour les colonnes, il faut lui indiquer la taille de chaque colonne.

Par exemple si tu as trois colonnes tu dois avoir : columnWidths="200px,200px,200px"

[Esil2008]

Merci Badr pour ta réponse,
J'ai trouvé le problème au faite il fallait définir une largeur suffisante pour ma table, car si on spécifie rien bizarement ca marche pas.
Du coup j'ai plus besion du columnWidth ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.orderTable {
	width: 1730px;	
	font-size:0.9em;
 
}

merci encore