Bonjour !!!!
alors voilà après 2 jours de recherche sur un problème simple je me suis confronté a quelques problèmes extrêmement complexe...
Mon problème simple :
Créer un tableau qui soit, fixer en taille, scrollable verticalement ( en gardant les entetes ) et scrollable horizontalement ( et donc que les entetes suivent)
et pour cela je suis partit de la fonction de Gatsu que j'ai trouvé sur ce forum
http://gatsu.ftp.free.fr/html/test_tableau.html
le problème est qu'elle ne fonctionne pas dans certains cas ...
Tout d'abord j'ai supprimé la colonne de gauche ( problème reglé )
Ensuite, j'ai changé les données et ... Oh mon dieu , cette fonction ne fonctionne que si au moins une des données est plus grande que son entête ... j'ai donc modifié le code
Code :
- for (var i=0; i<AllTDCenter.length;i++) {
- if(AllTHTop[i].clientWidth >AllTDCenter[i].clientWidth )
- {
- AllTDCenter[i].style.width = AllTHTop[i].clientWidth +"px";
- }
- else
- AllTHTop[i].style.width = AllTDCenter[i].clientWidth +"px";
- }
|
pour permettre de modifier la largeur de la colonne avec la plus grande valeur ( que ce soit la donnée ou l'entete )
Donc on peut dire, problème réglé,
Reste deux autres problèmes ...
Voilà ce que j'obtiens avec peu de données :
http://sirichat.free.fr/gatsu/test.html
Et si je rajoute des données, a chaque fois que je rajoute une donnée qui est sensée dépasser le tableau il n'ajoute pas la scrollbar horizontale mais redimensionne TOUTES les celluse auparavant ce qui dérange tout et donne ca :
http://sirichat.free.fr/gatsu/testdonnees.html
Voilà donc un petit défi pour les connaisseurs, ou des personnes ayant un moyen plus simple
(Je n'ai le droit d'utiliser QUE IE6)