Simuler un Excel "freeze pane"

**Immobilis** · 13/12/2005, 16h12

Salut,

Supposons un tableau HTML de 1000 lignes contenu dans un <DIV> de 300 pixels de haut avec un ascenseur.
Le tableau est généré dynamiquement. L'en-tête du tableau est coincé dans le div. Du coup, qd on descend l'ascenceur l'en-tête du tableau disparait.

Il existe un solution CSS pour garder l'en-tête visible. Qqn a-t-il un solution javascript?

L'idée serait de faire un script qui récupère l'en-tête, le place au-dessus du <DIV>.

D'avance merci de me donner un petit point de départ ou des pistes. :o

A+

**Oluha** · 13/12/2005, 16h30

pourquoi le faire en javascript si ca fonctionne en CSS ?

**SpaceFrog** · 13/12/2005, 17h08

j'ai du donner une solution dans la faq non ?

**Immobilis** · 13/12/2005, 17h10

Envoyé par Oluha

pourquoi le faire en javascript si ca fonctionne en CSS ?

Parce qu'en CSS le positionnement du header est dynamique et fonction de la position de l'ascenseur. Cela peut consommer de la CPU qd il y a bcp de lignes.
Je fais un saut ds la FAQ.

[edit]ben, y'a bien des réference pour trouver un objet. Mais je voudrai la largeur de mes colonnes qui ne sont pas identifiées...

A+

**denisC** · 13/12/2005, 17h36

Envoyé par Immobilis

Parce qu'en CSS le positionnement du header est dynamique et fonction de la position de l'ascenseur.

???? Je vois pas comment une solution en CSS pourrait être dynamique

Pour moi, justement, la solution CSS est celle ou il n'y a pas de dynamique... Tu peux donner quelques précisions sur ta solution "CSS"?

**Immobilis** · 13/12/2005, 17h43

Quand je dit dynamique c'est pas client serveur c'est client client.
En fait, d'après ce que je comprend, au fur et à mesure des mouvement de l'ascenseur, IE calcul la position du header.

Plus d'infos là http://www.codeproject.com/aspnet/Fr...neDatagrid.asp

Regarder les commentaires sur le code.

A+

**denisC** · 13/12/2005, 17h51

Envoyé par Immobilis

Quand je dit dynamique c'est pas client serveur c'est client client.
En fait, d'après ce que je comprend, au fur et à mesure des mouvement de l'ascenseur, IE calcul la position du header.

C'est pas ce que j'appelle une solution CSS pure.... C'est à la rigueur un hack IE, mais c'est tout.

Pour moi, une solution purement CSS, c'est ça : http://www.imaputz.com/cssStuff/bigFourVersion.html

Et la, pas de calcul de position dynamique, juste des attributs de style.

Pour moi, la solution, qui permet en plus d'eviter du javascript laid, et la modification du markup HTML.

**Didje** · 13/12/2005, 17h57

Tu peux essayer de chercher du côté de l'AJAX.

Je ne peux t'aider plus, cela dépasse mes compétances ^^

**Immobilis** · 13/12/2005, 18h24

Envoyé par denisC

Pour moi, la solution, qui permet en plus d'eviter du javascript laid, et la modification du markup HTML

C'est certain, mais il s'agit d'adapter ça sur un composant .NET.
C'est pas gagné car il ne met pas les balises <thead></thead>
A+ Je cherche tjrs.
Merci

**Immobilis** · 14/12/2005, 10h58

Bon, on avance. J'ai réussi à appliquer simplement le style aux <TR>.
Par contre, j'ai un pb avec le "doc type". Dans mon code, j'ai ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Pour appliquer le style je dois mettre ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

Apparement, il pourrait s'agir d'un pb de version de style.
Comme je n'y connait pas grand chose en style qqn pourrait-il m'eclairer?

Je sais c'est un forum javascript, mais bon. Au besoin, j'irai faire un tour sur le forum HTML.

Merci.

Simuler un Excel "freeze pane"

JavaScript

Discussions similaires

Partager

Partager