Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1278 connectés 

  FORUM HardWare.fr
  Programmation
  PHP

  faire un tableau scrollable c'est possible ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

faire un tableau scrollable c'est possible ?

n°680089
swich
snps
Posté le 22-03-2004 à 14:29:04  profilanswer
 

'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

mood
Publicité
Posté le 22-03-2004 à 14:29:04  profilanswer
 

n°680122
Mara's dad
Yes I can !
Posté le 22-03-2004 à 14:48:54  profilanswer
 

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é.
n°680150
Mara's dad
Yes I can !
Posté le 22-03-2004 à 14:59:10  profilanswer
 

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é.
n°680278
swich
snps
Posté le 22-03-2004 à 15:47:51  profilanswer
 

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 :)

n°680334
Mara's dad
Yes I can !
Posté le 22-03-2004 à 16:31:31  profilanswer
 

Je sais, je sais :sol:


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°680394
gooopil
pfiew
Posté le 22-03-2004 à 17:09:27  profilanswer
 

Mais c'est terrible ca :) Merci aussi

n°680405
Mara's dad
Yes I can !
Posté le 22-03-2004 à 17:13:58  profilanswer
 

Mais arrêtez, mes lacets viennent de casser :o


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
n°2146477
djocal
Posté le 19-06-2012 à 22:56:13  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  faire un tableau scrollable c'est possible ?

 

Sujets relatifs
[HTML] est-il possible de locker un champ texte [résolu]Est-il possible de changer le xsl associé à un fichier xml à la volée?
Tableau en pdf a partir de php[SQL] Importer BDD au Format .sql sur Access, Possible?
Probleme de new, tableau, * , ou & ?[C] tableau de tructure global
[résolu]ouverture fichier excel plus possibleune tableau qui s'actualise tout seul en fonction de choix,
taille d'un tableau en Java ?[PHP] Gérer un tableau à 4 dimensions
Plus de sujets relatifs à : faire un tableau scrollable c'est possible ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR