Discussion :

[Opo]

Bonjour,
Je suis face à un pb qui me laisse tt à fait perplexe ...
J'ai un tableau construit à l'aide de <table> et de <td> et on me demande de figer l'entête de ce tableau (les 2 1ères lignes + un titre) et également la partie gauche (4 colonnes) pour pouvoir scroller en gardant les infos utiles sous les yeux..
Mais là.. je sèche !
Qqn pourrait-il me donner une piste svp ?
merci !

[trotters213]

overflow:scroll dans ton CSS

[Opo]

Merci bcp...
Mais j'avoue être assez "manchote" face à tout ça !!!
Voici donc un extrait de mon ASP (avec les indications concernant les lignes à figer) :

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<form name="FormTitle" method="get" onMouseover="change2(event,after.src)" onMouseout="change2(event,before.src)">
 
<input name="AGENT" type="hidden" value="<%=AGENT_ENCOURS%>">
<div class="EnTeteConsultation">
 
----------------------------------------------------------------- DEBUT DES LIGNES à FIGER
<% 'TITRE DE LA FENETRE %>
<table width="800" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td colspan="3" class="TitrePage">Activité de &nbsp;<%=PRENOM_AGENT_ENCOURS%>&nbsp;<%=NOM_AGENT_ENCOURS%></td>
    </tr>
    <tr>
		<td width="400" class="TitrePage">(<%=LIB_ETAT%>)</td>
	<td width="200" class="TitreYear">Mois :
	<select onChange="javascript:FormSubmit('<%=request("AGENT")%>','<%=request("MOIS")%>','<%=request("ANNEE")%>')" class="Liste" name="MOIS">
 
    </select>
    </td>
	<td width="200" class="TitreYear">Année :
		<select onChange="javascript:FormSubmit('<%=request("AGENT")%>','<%=request("MOIS")%>','<%=request("ANNEE")%>')" class="Liste" name="ANNEE">
 
        </select>
     </td>    
  </tr>
  <tr> 
    <td colspan="3" class="Ligne">&nbsp;</td>
  </tr>
</table>
<br>
 
 
 
<%
' Définition de la taille des colonnes
TAILLE_COL_NOM_PROJET = 190
TAILLE_COL_SITE = 40
TAILLE_COL_C16 = 130
TAILLE_COL_TOTAL = 30
TAILLE_COL_JOUR = 14
 
%>
 
 
<% 'ENTETE DU TABLEAU %>
<table id="MainTable" width="<%=15+TAILLE_COL_NOM_PROJET+TAILLE_COL_SITE+TAILLE_COL_C16+TAILLE_COL_TOTAL+TOTAL_TAILLE_COL_JOURS+15%>" border="0" cellpadding="0" cellspacing="1">
 
 
<% '1ERE LIGNE DE L'ENTETE DU TABLEAU %>
<% 'CONTIENT LES NOMS DE JOUR         %>
<%      if not RJour.EOF then %>
 
<tr>
	<td width="15" rowspan="3" valign="top" class="TableauTitrePetit"><img src="../../img/arrondi_gauche.gif"></td>
	<td width="<%=TAILLE_COL_NOM_PROJET+TAILLE_COL_SITE+TAILLE_COL_C16+TAILLE_COL_TOTAL%>" rowspan="2" class="TableauTitrePetit" colspan="4">&nbsp;</td>
<%
                while not RJour.eof
                        %>
				<td width="<%=TAILLE_COL_JOUR%>" class="TableauTitrePetit"><%=RJour("JOUR_SEM")%></td>
			<%
                        RJour.movenext
                wend
        %>
	<td width="15" rowspan="3" valign="top" class="TableauTitrePetit"><img src="../../img/arrondi_droite.gif"></td>
</tr>
 
<% '2EME LIGNE DE L'ENTETE DU TABLEAU %>
<% 'CONTIENT LES NUMEROS DE JOUR      %>
<tr>
<%
        RJour.movefirst
        TOTAL_HEURES_MOIS = 0
        while not RJour.eof
        %>
		<td width="<%=TAILLE_COL_JOUR%>" class="TableauTitrePetit"><%=RJour("NUM_JOUR")%></td>
	<%
                TOTAL_HEURES_MOIS = TOTAL_HEURES_MOIS + RJour("HEURES_MAX")
                RJour.movenext
        wend
%>
</tr>
 
<% '3EME LIGNE DE L'ENTETE DU TABLEAU %>
<% 'CONTIENT LES ENTETE DE COLONNES   %>
<tr>
	<td width="<%=TAILLE_COL_NOM_PROJET%>" class="TableauTitrePetit">Nom projet</td>
	<td width="<%=TAILLE_COL_SITE%>" class="TableauTitrePetit">Site</td>
	<td width="<%=TAILLE_COL_C16%>" class="TableauTitrePetit">Code projet</td>
	<td width="<%=TAILLE_COL_TOTAL%>" class="TableauTitrePetit"><%=TOTAL_HEURES_MOIS%></td>
<%
        RJour.movefirst
        while not RJour.eof
        %>
		<td width="<%=TAILLE_COL_JOUR%>" class="TableauTitrePetit"><%=RJour("HEURES_MAX")%></td>
	<%
                RJour.movenext
        wend
%>
</tr>
-------------------------------------------------------------------- FIN DES LIGNES A FIGER
</div>
 
<% 'LIGNES DE PROJETS %>
 
	<tr>
	  	<td width="15" class="<%=VarClass%>">&nbsp;</td>
	  	<td width="<%=TAILLE_COL_NOM_PROJET%>" class="<%=VarClass%>"><%=trim(RActivite("NOM_PROJET"))%></td> 
	  	<td width="<%=TAILLE_COL_SITE%>" class="<%=VarClass%>"><%=trim(RActivite("NOM_SITE"))%></td>
 
	  	<td width="<%=TAILLE_COL_C16%>" class="<%=VarClass%>"><%=Code_Projet%></td> 
	  	<td width="<%=TAILLE_COL_TOTAL%>" class="<%=VarClass%>"><%=RActivite("TOTAL_MOIS")%></td> 
 
	  	<td width="15" class="<%=VarClass%>">&nbsp;</td>
	</tr>
 
 
<% 'PIED DU TABLEAU %>
	<tr>
	  	<td width="15" class="TableauPiedPetit">&nbsp;</td>
	  	<td width="<%=TAILLE_COL_NOM_PROJET%>" class="TableauPiedPetit">&nbsp;</td>
	  	<td width="<%=TAILLE_COL_SITE%>" class="TableauPiedPetit">&nbsp;</td>
	  	<td width="<%=TAILLE_COL_C16%>" class="TableauPiedPetit"><div align="right">TOTAL :&nbsp;</div></td>
	  	<td width="<%=TAILLE_COL_TOTAL%>" class="TableauPiedPetit"><%=RPiedTableau("TOTAL_MOIS")%></td>
 
		<td width="15" class="TableauPiedPetit">&nbsp;</td>
	</tr>
 
</table>
 
<br>
 
 
</form>

J'ai crée une section div nommée : <div class="EnTeteConsultation">

et voici l'extrait du fichier CSS :

Code :

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

1
2
3
.EnTeteConsultation {
overflow:scroll;
}

Il manque certainement des choses car pour l'instant mon entête de tableau n'est pas figée....
Mais quoi ?
merci de votre aide !

[Bisûnûrs]

Aide-toi de ce post : http://developpez.net/forums/showpos...81&postcount=9