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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Entête de tableau fixe sous IE

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Entête de tableau fixe sous IE

n°1162649
zapan666
Tout est relatif
Posté le 28-07-2005 à 10:07:15  profilanswer
 

Bijours,  
 
je suis en train de me demnder comment faire pour avoir des entêtes de tableau fixe sous Internet explorer, c'est à dire qu'on est toujours l'entête du tableau à l'écran, et les colonnes qu défilent via une scroolbar. Car quand il y a peu de donnée dans le tableau, ça va...mais quand il y en a beaucoup, il faut réussir à ce repérer sur les colonnes. Elles ont déjà un repère de couleur mais ça ne suffit pas. :(  
 
Exemple qui marche sous FireFox (mais pas sous IE 5.5 :sweat: )
 

Code :
  1. <style type="text/css">
  2. tbody {
  3.       overflow: auto;
  4.       height: 100px;
  5. }
  6. </style>
  7. </HEAD>
  8. <BODY>
  9. <table>
  10. <THead>
  11. <tr>
  12.     <th>Colonne 1</th><th>Colonne 2</th><th>Colonne 3</th>
  13. </tr>
  14. </THead>
  15. <TBody>
  16. <tr>
  17.     <th>Lorem</th><th>Ipsum</th><th>Bidule</th>
  18. </tr>
  19. <tr>
  20.     <th>Lorem</th><th>Ipsum</th><th>Bidule</th>
  21. </tr>
  22. <tr>
  23.     <th>Lorem</th><th>Ipsum</th><th>Bidule</th>
  24. </tr>
  25. <tr>
  26.     <th>Lorem</th><th>Ipsum</th><th>Bidule</th>
  27. </tr>
  28. <tr>
  29.     <th>Lorem</th><th>Ipsum</th><th>Bidule</th>
  30. </tr>
  31. <tr>
  32.     <th>Lorem</th><th>Ipsum</th><th>Bidule</th>
  33. </tr>
  34. <tr>
  35.     <th>Lorem</th><th>Ipsum</th><th>Bidule</th>
  36. </tr>
  37. </tbody>
  38. <tfoot>
  39. <tr>
  40.     <th>Pied 1</th><th>Pied 2</th><th>Pied 3</th>
  41. </tr>
  42. </TFoot>
  43. </table>


 
J'ai à ma disposition du HTML (donc le tableau peut ne pas être un tableau, mais ce sont tout de même des données tablulaires ;)), du javascript (c'est pour un Intranet), et un peu de JSP...
 
Donc si vous avez une idée par où commencer, j'suis prenneur  :)


---------------
my flick r - Just Tab it !
mood
Publicité
Posté le 28-07-2005 à 10:07:15  profilanswer
 

n°1162656
FlorentG
Unité de Masse
Posté le 28-07-2005 à 10:09:39  profilanswer
 

Pouet, encore un bug d'IE qui ne traite pas les éléments de la même façon :(
 
Seul moyen, utiliser un premier tableau pour les entête, puis un deuxième imbriqué dans une <div>...

n°1162669
gatsusat
Posté le 28-07-2005 à 10:18:08  profilanswer
 

bon heu au passage, pourquoi utiliser TH partout, alors qu'il ne sert que pour les entete de tableau, pour le reste faut utiliser TD

n°1162671
zapan666
Tout est relatif
Posté le 28-07-2005 à 10:19:01  profilanswer
 

FlorentG a écrit :

Pouet, encore un bug d'IE qui ne traite pas les éléments de la même façon :(
 
Seul moyen, utiliser un premier tableau pour les entête, puis un deuxième imbriqué dans une <div>...


bah ouais, c'est ce qui est fait dans mon intranet, le coup des deux tableaux, le problème, c'est que je trouve ça un peu lourd à mettre en place, et surtout, la difficulté ici est de récupérer la taille des colonnes pour qu'elles soient identiques entre l'entête et le corps du tableau (JS forcement, je supose) :-\
 
Je pourrais peut être faire un JS qui mets les bonnes tailles, mais j'ai peur que

  • vu la buse que j'suis en JS, ça parte facilement en cacahouete
  • ça devienne une vrai usine a gaz impossible à maintenir ce truc  :D  


---------------
my flick r - Just Tab it !
n°1162672
zapan666
Tout est relatif
Posté le 28-07-2005 à 10:19:46  profilanswer
 

gatsusat a écrit :

bon heu au passage, pourquoi utiliser TH partout, alors qu'il ne sert que pour les entete de tableau, pour le reste faut utiliser TD


parce que j'ai fais un copier/coller un peu trop rapide  :D


---------------
my flick r - Just Tab it !
n°1162681
FlorentG
Unité de Masse
Posté le 28-07-2005 à 10:24:12  profilanswer
 

Demande à ton Boss ou à ton sysadmin de passer toute la boîte sous FF, ça sera plus simple :D

n°1162693
zapan666
Tout est relatif
Posté le 28-07-2005 à 10:31:41  profilanswer
 

FlorentG a écrit :

Demande à ton Boss ou à ton sysadmin de passer toute la boîte sous FF, ça sera plus simple :D


Bah ils se sont posé la question l'année dernière, le problème c'est qu'il faudrait refaire tout l'intranet  :D  :D  :D Et cette intranet, il est utilisé par d'autres sociétés qui sont quasiement que sur IE (il n'y a qu'une personne sur les jesaispascombiendepersonnesmaisy'enabeaucoup qui a du essayé FireFox)
 
-- j'admet que sur ce point là, c'est un peu bancalle --  
 


---------------
my flick r - Just Tab it !
n°1162694
ceyquem
E falso sequitur quodlibet
Posté le 28-07-2005 à 10:31:45  profilanswer
 

sinon attends IE7 en priant, on sait jamais, les miracles sont toujours possibles :D

n°1162699
zapan666
Tout est relatif
Posté le 28-07-2005 à 10:33:34  profilanswer
 

ceyquem a écrit :

sinon attends IE7 en priant, on sait jamais, les miracles sont toujours possibles :D


faut qu'IE 7 marche sur des p166 et autre aussi...car les machines des clients, spa des bêtes de courses, hein.


---------------
my flick r - Just Tab it !
n°1162700
plainsofpa​in
Pingouino's lover
Posté le 28-07-2005 à 10:33:44  profilanswer
 

Mais alors pries vraiment beaucoup, avec ta famille au complet si possible :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
mood
Publicité
Posté le 28-07-2005 à 10:33:44  profilanswer
 

n°1162708
FlorentG
Unité de Masse
Posté le 28-07-2005 à 10:37:16  profilanswer
 

zapan666 a écrit :

faut qu'IE 7 marche sur des p166 et autre aussi...car les machines des clients, spa des bêtes de courses, hein.


Tant que tu ne bardes pas de PNG-32 avec couche alpha, ça devrait aller ;)

n°1162843
zapan666
Tout est relatif
Posté le 28-07-2005 à 11:45:12  profilanswer
 

C'est dur en JS de prendre une partie d'un tableau et de la recopié toutes les X lignes ?  
j'vais faire un tour sur QuirkMod car pour l'instant, tout ce que j'ai trouvé ce sont des document.write...


---------------
my flick r - Just Tab it !
n°1162847
FlorentG
Unité de Masse
Posté le 28-07-2005 à 11:47:28  profilanswer
 

avec des fonctions dom style createElement

n°1163589
zapan666
Tout est relatif
Posté le 28-07-2005 à 16:59:37  profilanswer
 

FlorentG a écrit :

avec des fonctions dom style createElement


Donc, résultat des courses, j'ai foutu mon tableau dans un div, avec un overflow, et l'entête se répete toutes les x lignes.
 
Pour répéter l'entête, j'utilise le javascript : je copie le contenu du noeud thead que je clone & que j'insère dans le tbody toutes les x lignes : même pas besoin d'utilisé createElement  :p  
 
et sans javascript optrusif en plus  :p  


---------------
my flick r - Just Tab it !
n°1163596
FlorentG
Unité de Masse
Posté le 28-07-2005 à 17:00:55  profilanswer
 

Hopla

n°1163625
Zxyankxya
Posté le 28-07-2005 à 17:07:20  profilanswer
 

Youplaboum!
(c rien je ne fais que passer pour exprimer ma joie que les autres au moins trouvent solution à leur pb avec IE =) )

n°1163634
zapan666
Tout est relatif
Posté le 28-07-2005 à 17:09:27  profilanswer
 

Zxyankxya a écrit :

Youplaboum!
(c rien je ne fais que passer pour exprimer ma joie que les autres au moins trouvent solution à leur pb avec IE =) )


C'est pas vraiment une solution, car je n'optiens pas exactement ce que je voulais, mais bon, ça me va, pour l'instant. puis j'suis super fier de mon bout de javascript surtout  :D  


---------------
my flick r - Just Tab it !
n°1163678
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 28-07-2005 à 17:28:06  profilanswer
 

zapan666 a écrit :

faut qu'IE 7 marche sur des p166 et autre aussi...car les machines des clients, spa des bêtes de courses, hein.


Sans compter qu'il me semble qu'IE 7 ne sera pas dispo pour Windows 2000 et que de nombreuses entreprises y sont encore. :/

n°1163704
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 28-07-2005 à 17:45:12  profilanswer
 

Sinon, perso, j'ai un truc comme ça sur le site que je suis en train de faire, j'ai utiliser la solution de tableau avec entête et reste du tableau dans une iframe. Mais la largeur des colonnes est fixe, donc c'est plus simple.
 
Non, j'déconne, j'suis taquin... :D, j'ai utilisé un div overflow pour le reste du tableau. :D

n°1163772
FlorentG
Unité de Masse
Posté le 28-07-2005 à 18:41:07  profilanswer
 

Joue pas avec mes nerfs comme ça :o

n°1163822
gatsusat
Posté le 28-07-2005 à 19:18:18  profilanswer
 

zapan666 a écrit :

Donc, résultat des courses, j'ai foutu mon tableau dans un div, avec un overflow, et l'entête se répete toutes les x lignes.
 
Pour répéter l'entête, j'utilise le javascript : je copie le contenu du noeud thead que je clone & que j'insère dans le tbody toutes les x lignes : même pas besoin d'utilisé createElement  :p  
 
et sans javascript optrusif en plus  :p


 
 
Je t'aime mon copain de Javascript.

n°1164840
plainsofpa​in
Pingouino's lover
Posté le 29-07-2005 à 15:05:32  profilanswer
 

[hs]IE 7 bêta est un merde. c'est que la première bêta, mais 2 bugs css corrigés ... c'est ... juste un peu quoi [:pingouino][/hs]


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1164848
gatsusat
Posté le 29-07-2005 à 15:11:35  profilanswer
 

tiens au passage sur le forum de PPC j'ai posté une méthode pour tester IE7 sans l'installer.
 
ben look les commentaires, ils sont tous en train de pleurer car il l'ont installés un peu vite.  
 
c'est une béta très béta. on dirait un réchauffé d'interface FF avec le moteur MSHTML  
 
donc pour eviter de l'installer j'ai chercher une méthode plus simple. Je voulais le faire au départ sur une Machine Virtuelle, mais trop lourd à procéder.  
 
Donc j'ai posté cette réponse.  
 
Au passage il n'y a rien d'interessant dans cette Beta de IE7, apparament il ne supporte toujours pas les display:table-cell pour les CSS  
et il utilise toujours le BoxModel Microsoft  
 
dommage

n°1164850
FlorentG
Unité de Masse
Posté le 29-07-2005 à 15:13:23  profilanswer
 

Il n'utilise le box model microsoft qu'en mode quirks ;) C'est comme ie6, hein ;) Et sinon niveau CSS ils n'ont corrigé que les bug Peekaboo et Guillotine

n°1164851
plainsofpa​in
Pingouino's lover
Posté le 29-07-2005 à 15:15:16  profilanswer
 
n°1164864
Zxyankxya
Posté le 29-07-2005 à 15:19:02  profilanswer
 

J'adore ton smiley plainsofpain!!!!


---------------
Reine des boulets et boulettes - Briseuse de touillettes professionnelle
n°1164870
cerel
Posté le 29-07-2005 à 15:21:20  profilanswer
 

Il y a toujours ca http://www.activewidgets.com/
Faudrait voir comment c'est fait.
Le script fonctionne sur Fx et IE normalement (neanmoins je viens de remarque qu'il ne fonctionne _pas du tout_ sur Deer Park alpha 2..)

n°1164877
FlorentG
Unité de Masse
Posté le 29-07-2005 à 15:23:21  profilanswer
 

cerel a écrit :

Il y a toujours ca http://www.activewidgets.com/
Faudrait voir comment c'est fait.
Le script fonctionne sur Fx et IE normalement (neanmoins je viens de remarque qu'il ne fonctionne _pas du tout_ sur Deer Park alpha 2..)


Ca serait encore mieux si par exemple leur grille réorganisable s'affichait sous forme d'un simple tableau chez les utilisateurs sans JS...

n°1164888
gatsusat
Posté le 29-07-2005 à 15:27:53  profilanswer
 

ils sentent le Caca les ActieWidget, car sans JS : Site Innacessible puisque données non affichées

n°1164905
plainsofpa​in
Pingouino's lover
Posté le 29-07-2005 à 15:33:21  profilanswer
 


 
C'est pas le mien, il est dans la liste d'hfr, c'est dans les m :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1164948
zapan666
Tout est relatif
Posté le 29-07-2005 à 15:49:29  profilanswer
 

cerel a écrit :

Il y a toujours ca http://www.activewidgets.com/
Faudrait voir comment c'est fait.
Le script fonctionne sur Fx et IE normalement (neanmoins je viens de remarque qu'il ne fonctionne _pas du tout_ sur Deer Park alpha 2..)


j'ai vu, j'ai pas pris.
J'veux éviter de faire de mon truc une usine a gaz...


---------------
my flick r - Just Tab it !
n°1164975
gatsusat
Posté le 29-07-2005 à 16:03:16  profilanswer
 

ActiveWidgets c'est peut etre beau et bien fait, mais accessibilité = 0.
 
Alors que je pense que : Un tableau normal en HTML
 
puis un evenement onload Activeletableau
et la fonction modifierai tout le comportement du tableau comme tu le souhaite. du coup on a : Accessibilité et Comportement propre à la Activewidget

mood
Publicité
Posté le   profilanswer
 


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

  Entête de tableau fixe sous IE

 

Sujets relatifs
[HTML] alignement cellules d'un tableau.Un tableau en Css/xhtml dans une include....
Latex : liste dans tableauTableau et background
Trier un "tableau" (d'une page html) issue d'un resultset java ?formulaire dans tableau
[RESOLU]affichage bonne identifiant dans tableau[VBS] Redimensionner un tableau a plusieurs dimensions
identifiant et tableauhtml : couleur des liens dans un tableau
Plus de sujets relatifs à : Entête de tableau fixe sous IE


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