faire un tableau scrollable c'est possible ?

Marsh Posté le 22-03-2004 à 14:29:04

'lut tt le monde.
je voudrais savoir s'il est possible de rendre un tableau scrollable.
je veux une page internet fixe (dimensionnée pour l'ecrant) mais lorsque il y'a trop de donneés a afficher, le tableau qui contient ces donnees soit scrollable.
c possible de faire ca en php ?
merci bien

Reply

Marsh Posté le 22-03-2004 à 14:29:04

Reply

Marsh Posté le 22-03-2004 à 14:48:54

Rien à voir avec PHP

Je dirais plutôt HTML/CSS : http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Reply

Marsh Posté le 22-03-2004 à 14:59:10

Exemple :

<html>
<div style="width:200px; height:400px; border:solid blue 1px; overflow:scroll;">
<table border="1">
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
</table>
</div>
</html>

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Reply

Marsh Posté le 22-03-2004 à 15:47:51

Mara's dad a écrit :

Exemple :

<html>
<div style="width:200px; height:400px; border:solid blue 1px; overflow:scroll;">
<table border="1">
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
<tr><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td><td>aaaaaaaaaaa</td></tr>
</table>
</div>
</html>

merci t'es trop fort

Reply

Marsh Posté le 22-03-2004 à 16:31:31

Je sais, je sais :sol:

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Reply

Marsh Posté le 22-03-2004 à 17:09:27

Mais c'est terrible ca Merci aussi

Reply

Marsh Posté le 22-03-2004 à 17:13:58

Mais arrêtez, mes lacets viennent de casser

---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.

Reply

Marsh Posté le 19-06-2012 à 22:56:13

Salut, je réveille ce thread de 2004 pour proposer aux lecteurs actuels une solutions plus "2012" : appliquer le style dessous à la table identifiée "latable" et qui met la ligne d'entête dans un thead et les lignes de corps dans un tbody.
On peut remplacer les pseudo-classes CSS3 par des identifiants plus classiques CSS2 - à condition d'identifier les cellules dans l'html.

Bon coding!

#latable thead {
display:block;
}
#latable tbody {
display:block;
height:5em; /* 5 times the equivalent of a text "size". */
overflow-y:scroll;
}

#latable thead tr th:nth-child(1) { /* column 1 ! */
width:5em;
}
#latable thead tr th:nth-child(2) { /* column 2 */
width:10em;
}
#latable tbody tr:first-child td:nth-child(1) { /* column 1 ! */
width:5em;
}
#latable tbody tr:first-child td:nth-child(2) { /* column 2 */
width:10em;
}

Un exemple ici http://journaldudoj.blogspot.fr/20 [...] lable.html

Reply

faire un tableau scrollable c'est possible ?

Sujets relatifs:

Leave a Replay