J'espérais naïvement pouvoir faire défiler la section tbody d'une table
à l'aide des CSS max-height et overflow:auto. Que nenni !
Ils pensent à quoi au W3C ? ;)
Comme cette évidence logique ne fonctionne malheureusement-pas. J'ai
fouillé un peu le web avec des solutions qui ne me satisfont pas
vraiment ou pas du tout.
Solution 1 :
mettre la tybody en display:block, mais dans ce cas les colonnes du
tbody ne sont plus alignées avec les colonnes des thead et tfoot ou il
faut fixer en dur la taille de chaque case du tableau ou encore définir
les tailles par sélecteurs de voisinages td + td + td {width:...} ...
Solution 2 (la moins pire):
encapsuler le tableau dans deux div (ça commence mal pour la sémantique)
forcer les thead et tfoot en position absolue et bricoler les paddings
de la section tbody pour qu'elle glisse entre les deux (indigeste)
Solution 3 :
utiliser javascript pour modifier les objets du DOM ;(
Solution 4 :
Demander de l'aide ici, si vous connaissez des solutions plus propres et
ou sans Javascript.
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Pierre Goiffon
Le 06/11/2011 03:11, Lea Gris a écrit :
J'espérais naïvement pouvoir faire défiler la section tbody d'une table à l'aide des CSS max-height et overflow:auto. Que nenni ! Ils pensent à quoi au W3C ? ;)
Nous avions été confronté au prb ici (comme tout le monde ou presque :) ), c'est un peu loin dans ma mémoire et je n'ai pas retrouvé trace de ce qui avait été fait à l'époque... De ce dont je me souviens le overflow ne fonctionnait que sur certains navigateurs, et pour la majorité des autres (IE :) ) il fallait passer par du JS.
A vous lire le overflow ne fonctionne pas du tout ??
En cherchant sur google "table fixed header" on trouve de très nombreux résultats, et les premiers sont des solutions en JS...
Le 06/11/2011 03:11, Lea Gris a écrit :
J'espérais naïvement pouvoir faire défiler la section tbody d'une table
à l'aide des CSS max-height et overflow:auto. Que nenni !
Ils pensent à quoi au W3C ? ;)
Nous avions été confronté au prb ici (comme tout le monde ou presque :)
), c'est un peu loin dans ma mémoire et je n'ai pas retrouvé trace de ce
qui avait été fait à l'époque... De ce dont je me souviens le overflow
ne fonctionnait que sur certains navigateurs, et pour la majorité des
autres (IE :) ) il fallait passer par du JS.
A vous lire le overflow ne fonctionne pas du tout ??
En cherchant sur google "table fixed header" on trouve de très nombreux
résultats, et les premiers sont des solutions en JS...
J'espérais naïvement pouvoir faire défiler la section tbody d'une table à l'aide des CSS max-height et overflow:auto. Que nenni ! Ils pensent à quoi au W3C ? ;)
Nous avions été confronté au prb ici (comme tout le monde ou presque :) ), c'est un peu loin dans ma mémoire et je n'ai pas retrouvé trace de ce qui avait été fait à l'époque... De ce dont je me souviens le overflow ne fonctionnait que sur certains navigateurs, et pour la majorité des autres (IE :) ) il fallait passer par du JS.
A vous lire le overflow ne fonctionne pas du tout ??
En cherchant sur google "table fixed header" on trouve de très nombreux résultats, et les premiers sont des solutions en JS...
Lea Gris
Le 07/11/2011 10:01, Pierre Goiffon a écrit :
En cherchant sur google "table fixed header" on trouve de très nombreux résultats, et les premiers sont des solutions en JS...
Je me suis rabattue sur une solution javascript avec http://datatables.net/. Ce n'est pas si mal finalement. La table reste telle que en html et se dégrade donc à sa présentation standard en absence de javascript. Pour les navigateurs textuels, la sémantique est préservée.
-- Lea Gris
Le 07/11/2011 10:01, Pierre Goiffon a écrit :
En cherchant sur google "table fixed header" on trouve de très nombreux
résultats, et les premiers sont des solutions en JS...
Je me suis rabattue sur une solution javascript avec
http://datatables.net/. Ce n'est pas si mal finalement. La table reste
telle que en html et se dégrade donc à sa présentation standard en
absence de javascript. Pour les navigateurs textuels, la sémantique est
préservée.
En cherchant sur google "table fixed header" on trouve de très nombreux résultats, et les premiers sont des solutions en JS...
Je me suis rabattue sur une solution javascript avec http://datatables.net/. Ce n'est pas si mal finalement. La table reste telle que en html et se dégrade donc à sa présentation standard en absence de javascript. Pour les navigateurs textuels, la sémantique est préservée.
