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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  figer les entete d un tableau

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

figer les entete d un tableau

n°1103551
donny3
Posté le 31-05-2005 à 23:22:45  profilanswer
 

salut,  
 
 
Je voudrais figer la premiere ligne de mon tableau pour que quand je descende à l aide des scrollbar j ai toujours le titre de mes colonnes j ai essayer de faire differente manipulation avec les div masi en vain  
 
 
Voila mon code  

Code :
  1. <DIV style="overflow:scroll;width:700;height:200" >
  2. <table  width="80%" border="1" bgcolor="silver">
  3. <tr>
  4.    <td>a</td>
  5.    <td>N° Serie</td>
  6.    <td>N° Commande</td>
  7.    <td>Etat</td>
  8.    <td>Famille</td>
  9.    <td>Marque</td>
  10.    <td>Modele</td>
  11.    <td>N° Poste</td>
  12.    <td>Pole</td>
  13.    <td colspan="2">Utilisateur</td>   
  14. </tr>
  15. <?
  16. while($list=pg_fetch_assoc($req)){
  17. ?>
  18. <tr>
  19.    <td><input type="radio" name="a" value="<? echo $list['numserie'];?>"></td>
  20.    <td><? echo $list['numserie'];?></td>
  21.    <td><? echo $list['bon_commande'] ;?></td>
  22.    <td><? echo $list['etat'] ;?></td>
  23.    <td><? echo $list['type_objet'];?></td>
  24.    <td><? echo $list['marque'];?></td>
  25.    <td><? echo $list['modele'];?></td>
  26.    <td><? echo $list['numposte'];?></td>
  27.    <td><? echo $list['nom_pole'];?></td>
  28.    <td><? echo $list['nom_personnel'];?></td>
  29.    <td><? echo $list['prenom'];?></td>
  30. </tr>
  31. <?
  32. }
  33. ?>
  34. </table>
  35. </DIV>


 
Merci

mood
Publicité
Posté le 31-05-2005 à 23:22:45  profilanswer
 

n°1103619
gatsusat
Posté le 01-06-2005 à 02:56:51  profilanswer
 

tu fais 2 tableaux.
 
un premier tableau avec les entetes de colonnes.
un deuxieme tableau dans un div overflow, avec le contenu.
 
mais il faudra fixer la largeur des colonnes de tes tableaux dans ce cas

n°1103621
afbilou
pouet your life
Posté le 01-06-2005 à 03:41:57  profilanswer
 

Utilise pleinement les possibilités offertes par les tableaux : tbody, thead etc ...
 

Code :
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. table {
  5. width:   50%;
  6. border:   1px solid black;
  7. }
  8. table tbody {
  9. height:   100px;
  10. overflow:  auto;
  11. }
  12. table tbody tr td {
  13. text-align:  center;
  14. }
  15. table tfoot tr td {
  16. text-align:  center;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <table>
  22. <caption>
  23. Un tableau
  24. </caption>
  25. <thead>
  26. <tr>
  27.  <th>1er  champs</th>
  28.  <th>2eme champs</th>
  29.  <th>3eme champs</th>
  30.  <th>4eme champs</th>
  31. </tr>
  32. </thead>
  33. <tfoot>
  34. <tr>
  35.  <td colspan="4">Fin du tableau</td>
  36. </tr>
  37. </tfoot>
  38. <tbody>
  39. <tr>
  40.  <td>1</td>
  41.  <td>2</td>
  42.  <td>3</td>
  43.  <td>4</td>
  44. </tr>
  45. <tr>
  46.  <td>a</td>
  47.  <td>b</td>
  48.  <td>c</td>
  49.  <td>d</td>
  50. </tr>
  51. <tr>
  52.  <td>1</td>
  53.  <td>2</td>
  54.  <td>3</td>
  55.  <td>4</td>
  56. </tr>
  57. <tr>
  58.  <td>a</td>
  59.  <td>b</td>
  60.  <td>c</td>
  61.  <td>d</td>
  62. </tr>
  63. <tr>
  64.  <td>1</td>
  65.  <td>2</td>
  66.  <td>3</td>
  67.  <td>4</td>
  68. </tr>
  69. <tr>
  70.  <td>a</td>
  71.  <td>b</td>
  72.  <td>c</td>
  73.  <td>d</td>
  74. </tr>
  75. <tr>
  76.  <td>1</td>
  77.  <td>2</td>
  78.  <td>3</td>
  79.  <td>4</td>
  80. </tr>
  81. <tr>
  82.  <td>a</td>
  83.  <td>b</td>
  84.  <td>c</td>
  85.  <td>d</td>
  86. </tr>
  87. </tbody>
  88. </table>
  89. </body>
  90. </html>

n°1103622
afbilou
pouet your life
Posté le 01-06-2005 à 03:44:02  profilanswer
 

Arf ... Interbête Explorer ne comprends pas :o

n°1103623
afbilou
pouet your life
Posté le 01-06-2005 à 03:53:46  profilanswer
 

Wé en fait ... tant pis pour Intermerde Explorer car apres tout ce n'est qu'un "plus" esthetique qui apporte un confort nullement necessaire. Je serais toi j'utiliserais donc cette methode :p


Message édité par afbilou le 01-06-2005 à 03:54:14
n°1103628
masklinn
í dag viðrar vel til loftárása
Posté le 01-06-2005 à 07:53:33  profilanswer
 

Donny3 > pour l'avoir fait, c'est beaucoup d'emmerdes pour pas grand chose. Il y a énormément de problèmes de positionnement sous Firefox comme MSIE et les solutions foncitonnant dans l'un ne fonctionnent pas dans l'autre...


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1105149
donny3
Posté le 02-06-2005 à 11:38:20  profilanswer
 

donc en gros vau mieux que j evite de faire un tableau avec les entete figer ?

n°1105151
masklinn
í dag viðrar vel til loftárása
Posté le 02-06-2005 à 11:38:43  profilanswer
 

Oui.
 
Fais un tableau classique, et mets des rappels d'en-tête régulièrement (toutes les n lignes) ou bien sépare tes tableaux en plusieurs tableaux/sur plusieurs pages si tu veux faciliter la lisibilité


Message édité par masklinn le 02-06-2005 à 11:39:36

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
n°1105176
donny3
Posté le 02-06-2005 à 11:54:32  profilanswer
 

ok merci


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  figer les entete d un tableau

 

Sujets relatifs
css et different element d'un tableautableau css bordure
Renvoi d'un tableau[ASP] Problème de declaration de tableau [Résolu]
supprimer les "trous" d'un tableau ?Inserer un tableau dans WORD sous PHP via objet COM
Pointeur + Tableau : récupération d'un entierAdditionner la valeur d'une textbox pour un tableau de stats.
charge une image bmp dans un tableau 2D en C++Problème de tableau
Plus de sujets relatifs à : figer les entete d un tableau


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