[html/php/javascript] défilement tableau
Résolu
Azer_Ty
Messages postés
108
Statut
Membre
-
plefebv -
plefebv -
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.
--
Le monde n'est que feinte ...
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.
--
Le monde n'est que feinte ...
Configuration: Windows Vista Firefox 3.0.5
2 réponses
-
<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...-
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>
-
-
Merci,
C'est tout à fait, ça mais j'aurai voulu sans ascenseur horizontal.
