scrolling ne fonctionne pas

Version imprimable

salut,

je suis débudente en css ,

j'ai voulu avoir un scroll bar pour mon datagrid (puisqu'elle contient plus qu'une centaine de lignes), alors j'ai ajouté un div dans une table , mais cela ne fonctionne pas

voici mon code

Code:

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
....
<layout:panel key="listeUsesCaseOption" styleClass="FORM" width="90%"
		align="center">
		<layout:row>
			<table>
				<tr>
 
 
					<td style="height: 50px">
					<div style="overflow: scroll; width: 100%;  text-align: left;">
					<layout:datagrid
						property="usesCaseOptionlist" styleClass="DATAGRID"
						selectionAllowed="false" multipleSelectionAllowed="false"
						model="datagrid" >
 
						<layout:datagridColumn width="150" title="libelleuc"
							property="libelleuc" mode="I,I,I" />
						<layout:datagridColumn width="150" title="libelleOption"
							property="libelleOption" mode="I,I,I" />
 
					</layout:datagrid>
					</div>
					</td>
 
				</tr>
 
			</table>
		</layout:row>
	</layout:panel>
...

que dois-je faire?

merci d'avance

28/10/2008, 01h02
CCyrillus
Citation:
Envoyé par zineb_cyn

voici mon code

Code:

1 2 3 4 5 6 .... <td style="height: 50px"> <div style="overflow: scroll; width: 100%; text-align: left;"> ...

que dois-je faire?

merci d'avance
Bonjour,

Ta cellule est definie pour une hauteur minimale de 50px et elle va s'agrandir d'elle même , c'est le comportement normal .

ton div , n'a aucune hauteur de defini , il va donc faire de même :) .

soluce:
Code:

1 2 3 4 5 6 .... <td style="height: 50px"> <div style="overflow: auto;height:100%; width: 100%; text-align: left;"> ...
ou
Code:

1 2 3 4 5 6 .... <td style="height: 50px"> <div style="overflow: auto;height:50px; width: 100%; text-align: left;"> ...
<hors sujet>mais 50px , pour faire defilé une centaine de ligne , c'est peut-etre un peu juste </hors sujet>
<edit>Finalement ce n'est pas hors sujet mise en forme et ergonomie semble intimement lié ;) </>

bonne continuation
28/10/2008, 13h40
zineb_cyn

Merci beaucoup pour ta réponse, mais malheuresement ça ne fonctionne pas ,
ilya quelque chose qui cloche :(
28/10/2008, 15h55
CCyrillus

Bonjour,

En effet , il te faut definir une hauteur plus importante pour permettre d'afficher une barre de scroll utilisable (environ 90px je dirais ) ,idem pour la largeur de la cellule , en dessous de ces valeurs ,la barre est inefficace ou elle n'est simplement pas afficher .

bonne journée

<edit>les largeur et hauteurs minimales semble se situé aux alentours de 4em ou 55px;</>