[html/php/javascript] défilement tableau
Résolu
Azer_Ty
Messages postés
104
Date d'inscription
Statut
Membre
Dernière intervention
-
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.
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:
- [html/php/javascript] défilement tableau
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Barre de défilement - Guide
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...
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...
<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>