[html/php/javascript] défilement tableau

Résolu/Fermé
Azer_Ty Messages postés 104 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 4 juillet 2011 - 13 janv. 2009 à 11:33
 plefebv - 26 mai 2015 à 11:23
Bonjour,

Voici mon problème :

Sur mon site j'exécute une requête mysql avec un script php qui me retourne les résultats dans un tableau, ce qui est ce que je veux.

Maintenant je voudrais placer ses données dans un tableau html (<table>).
Comme le nombre de ligne est très long, je souhaiterai pouvoir faire défiler les lignes (ascenseur, div, overflow).

MAIS, je voudrais mettre un titre à chaque colonne, et que ses titres restent fixes malgré le défilement.
Ceci en gardant la même largeur pour les colonnes et leur titres respectifs.

Je cherche une solution ou javascript.

Merci d'avance pour vos réponses.
A voir également:

2 réponses

Archeus01 Messages postés 1567 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 447
13 janv. 2009 à 11:43
<TABLE SUMMARY="This table lists SI (International System) units of
measure, giving the name of the unit, its symbol, and
the quantity that it measures.">
<CAPTION>SI Units</CAPTION>
<THEAD>
<TR>
<TH SCOPE=col>Name</TH>
<TH SCOPE=col>Symbol</TH>
<TH SCOPE=col>Quantity</TH>
</TR>
</THEAD>
<TBODY CLASS=base style ="height:40px;overflow:auto;">

<TR style ="height:40px";>
<TD> meter</TD>
<TD>m</TD>
<TD>length</TD>
</TR>
<TR style ="height:40px";>
<TD >kilogram</TD>
<TD>kg</TD>
<TD>mass</TD>
</TR>
<TR style ="height:40px";>
<TD >kilogram</TD>
<TD>kg</TD>
<TD>mass</TD>
</TR>
</TBODY>
<TBODY CLASS=supplementary>
<TR>
<TD SCOPE=row>radian</TD>
<TD>rad</TD>
<TD>plane angle</TD>
</TR>
<TR>
<TD SCOPE=row>radian</TD>
<TD>rad</TD>
<TD>plane angle</TD>
</TR>
</TBODY>
</TABLE>

Truc dans le genre? Je ne vois pas vraiment ou est ton problème...
2
J'ai adapté le code pour trouver un ascenceur, comme suit, mais je ne trouve toujours aucune zone scrollable dans le tableau :

<TABLE SUMMARY="This table lists SI (International System) units of
measure, giving the name of the unit, its symbol, and
the quantity that it measures." border='1'>
<CAPTION>SI Units</CAPTION>
<THEAD>
<TR>
<TH SCOPE=col>Name</TH>
<TH SCOPE=col>Symbol</TH>
<TH SCOPE=col>Quantity</TH>
</TR>
</THEAD>
<TBODY CLASS=base style ="height:40px;overflow:auto;">
<?php
$unites = array(
array ('mètre', 'm', 'longueur'),
array ('kilogramme', 'kg', 'poids'),
array ('seconde', 's', 'temps'),
array ('ampère', 'A', 'intensité'),
);
$autres = array(
array ('radian', 'rad', 'angle'),
);
echo "<TBODY CLASS=base style =\"overflow:auto;\">\n";
for ($i = 0;$i<100;$i++)
{ foreach ($unites as $rec)
{ echo "<TR>";
foreach ($rec as $col)
echo "<TD>$col</TD>\n";
echo "</TR>\n";
}
foreach ($autres as $rec)
{ echo "<TR>";
foreach ($rec as $col)
echo "<TD>$col</TD>\n";
echo "</TR>\n";
}
} // for ($i ...)
echo "</TBODY>\n";
?>
</TABLE>
0
Azer_Ty Messages postés 104 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 4 juillet 2011 60
13 janv. 2009 à 11:56
Merci,


C'est tout à fait, ça mais j'aurai voulu sans ascenseur horizontal.
0