Discussion :

[Elwe31]

Bonjour à tous,

Voila, je voudrais savoir comment je peux changer la taille de mes colonne dans mon datatable:
voila mon code:

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
        		<t:dataTable id="dataMaps" styleClass="tabContenu"
                 headerClass="cell-titre"
                 columnClasses="col-center, col-left, col-left, col-left"
                 var="m"
                 style="display:block" 
                 value="#{maps._maps}"
                 preserveDataModel="false"
                 preserveSort="true"
                 >
            	 <h:column>
            	 <f:facet name="header">
      		 	   <f:verbatim>Actions</f:verbatim>
      		      </f:facet>
      		       <t:commandButton image="http://localhost:8080/test/displays/global/images/button_properties.gif" action="go_maps" immediate="true" style="width=12">
						<t:updateActionListener property="#{maps._mapSelect}" value="#{m._tbmapID}" />
       	           </t:commandButton>
                 </h:column>
            	 <h:column style="width:150px" >
                  <f:facet name="header">
                   <h:outputText   value="Name" />
                  </f:facet>
                  <h:outputText value=" #{m._tbmapName}" />
                 </h:column>

J'ai essayé de mettre (style="width:150px") un peu partout (au niveau de la column, du outputtext, etc...) sans resultat...
J'ai aussi essayer de width="150px" tout seul, sans resultat !

Merci d'avance pour votre aide.

[Philcmoi]

on ne peut pas changer la taille d'une colonne mais seulement tout le tableau.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<h:dataTable border="1" style="width: 214px">
				<h:column id="column1">
					<f:facet name="header">
						<h:outputText value="column1"></h:outputText>
					</f:facet>
				</h:column>
				<h:column id="column2">
					<f:facet name="header">
						<h:outputText value="column2"></h:outputText>
					</f:facet>
				</h:column>
			</h:dataTable>

[Elwe31]

Ah ????

Ben l'exemple fournit par tomahawk (openDataTable.jsp) le "style="width:#{openDataList.columnWidth}px"" Fonctionne bien pourtant !!!!

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
 
<t:dataTable id="data"
                         styleClass="scrollerTableNoWidth"
                         headerClass="standardTable_Header"
                         footerClass="standardTable_Header"
                         rowClasses="standardTable_Row1,standardTable_Row2"
                         columnClasses="standardTable_Column,standardTable_ColumnCentered,standardTable_Column"
                         rowOnMouseOver="this.style.backgroundColor='#A5CBFF'"
                         rowOnMouseOut="this.style.backgroundColor='#FFFFE0'"
                         rowOnClick="this.style.backgroundColor='#FFE0E0'"
                         rowOnDblClick="this.style.backgroundColor='#E0E0E0'"
                         var="row"
                         value="#{openDataList.data}"
                         preserveDataModel="false"
                         rows="10"
                         sortColumn="#{openDataList.sort}"
                         sortAscending="#{openDataList.ascending}"
                         preserveSort="true">
                <t:columns id="columns" value="#{openDataList.columnHeaders}" var="columnHeader" style="width:#{openDataList.columnWidth}px">
                    <f:facet name="header">
                        <t:commandSortHeader columnName="#{columnHeader.label}" arrow="false" immediate="false">
                            <f:facet name="ascending">
                                <t:graphicImage value="images/ascending-arrow.gif" rendered="true" border="0"/>
                            </f:facet>
                            <f:facet name="descending">
                                <t:graphicImage value="images/descending-arrow.gif" rendered="true" border="0"/>
                            </f:facet>
                            <h:outputText value="#{columnHeader.label}" />
                        </t:commandSortHeader>
                    </f:facet>
                    <!-- row is also available -->
                    <h:inputText rendered="#{openDataList.valueModifiable}" value="#{openDataList.columnValue}" />
                    <h:outputText rendered="#{!openDataList.valueModifiable}" value="#{openDataList.columnValue}" />
                </t:columns>
            </t:dataTable>

Mais pas dans ma page ????
Mericpour ta reponse

[Elwe31]

Non, alors c'est pas possible ???
et pourquoi cela l'est dans l'exemple ???

Merci

[tchize_]

ca doit etre possible via du css. Avec ton columnClasses, tu peux appliquer des styles différent à chaque colonne. Avec les styles css, on peux faire tout et n'importe quoi

[Elwe31]

Ca veut dire qu'il faut que je fasse une class css pour chaque colonne de mon appli ???
Un peu lourd, non ?