figer les entete d un tableau

Marsh Posté le 31-05-2005 à 23:22:45

salut,

Je voudrais figer la premiere ligne de mon tableau pour que quand je descende à l aide des scrollbar j ai toujours le titre de mes colonnes j ai essayer de faire differente manipulation avec les div masi en vain

Voila mon code

Code :

<DIV style="overflow:scroll;width:700;height:200" >
<table width="80%" border="1" bgcolor="silver">
<tr>
<td>a</td>
<td>N° Serie</td>
<td>N° Commande</td>
<td>Etat</td>
<td>Famille</td>
<td>Marque</td>
<td>Modele</td>
<td>N° Poste</td>
<td>Pole</td>
<td colspan="2">Utilisateur</td>
</tr>
<?
while($list=pg_fetch_assoc($req)){
?>
<tr>
<td><input type="radio" name="a" value="<? echo $list['numserie'];?>"></td>
<td><? echo $list['numserie'];?></td>
<td><? echo $list['bon_commande'] ;?></td>
<td><? echo $list['etat'] ;?></td>
<td><? echo $list['type_objet'];?></td>
<td><? echo $list['marque'];?></td>
<td><? echo $list['modele'];?></td>
<td><? echo $list['numposte'];?></td>
<td><? echo $list['nom_pole'];?></td>
<td><? echo $list['nom_personnel'];?></td>
<td><? echo $list['prenom'];?></td>
</tr>
<?
}
?>
</table>
</DIV>

Merci

Reply

Marsh Posté le 31-05-2005 à 23:22:45

Reply

Marsh Posté le 01-06-2005 à 02:56:51

tu fais 2 tableaux.

un premier tableau avec les entetes de colonnes.
un deuxieme tableau dans un div overflow, avec le contenu.

mais il faudra fixer la largeur des colonnes de tes tableaux dans ce cas

Reply

Marsh Posté le 01-06-2005 à 03:41:57

Utilise pleinement les possibilités offertes par les tableaux : tbody, thead etc ...

Code :

<html>
<head>
<style type="text/css">
table {
width: 50%;
border: 1px solid black;
}
table tbody {
height: 100px;
overflow: auto;
}
table tbody tr td {
text-align: center;
}
table tfoot tr td {
text-align: center;
}
</style>
</head>
<body>
<table>
<caption>
Un tableau
</caption>
<thead>
<tr>
<th>1er champs</th>
<th>2eme champs</th>
<th>3eme champs</th>
<th>4eme champs</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4">Fin du tableau</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
</tbody>
</table>
</body>
</html>

Reply

Marsh Posté le 01-06-2005 à 03:44:02

Arf ... Interbête Explorer ne comprends pas

Reply

Marsh Posté le 01-06-2005 à 03:53:46

Wé en fait ... tant pis pour Intermerde Explorer car apres tout ce n'est qu'un "plus" esthetique qui apporte un confort nullement necessaire. Je serais toi j'utiliserais donc cette methode

Message édité par afbilou le 01-06-2005 à 03:54:14

Reply

Marsh Posté le 01-06-2005 à 07:53:33

Donny3 > pour l'avoir fait, c'est beaucoup d'emmerdes pour pas grand chose. Il y a énormément de problèmes de positionnement sous Firefox comme MSIE et les solutions foncitonnant dans l'un ne fonctionnent pas dans l'autre...

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 02-06-2005 à 11:38:20

donc en gros vau mieux que j evite de faire un tableau avec les entete figer ?

Reply

Marsh Posté le 02-06-2005 à 11:38:43

Oui.

Fais un tableau classique, et mets des rappels d'en-tête régulièrement (toutes les n lignes) ou bien sépare tes tableaux en plusieurs tableaux/sur plusieurs pages si tu veux faciliter la lisibilité

Message édité par masklinn le 02-06-2005 à 11:39:36

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 02-06-2005 à 11:54:32

ok merci

Reply

figer les entete d un tableau

Sujets relatifs:

Leave a Replay