Simuler un Excel "freeze pane"

Version imprimable

13/12/2005, 16h12
Immobilis

Simuler un Excel "freeze pane"

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+
13/12/2005, 16h30
Oluha

pourquoi le faire en javascript si ca fonctionne en CSS ? :roll:
13/12/2005, 17h08
SpaceFrog

j'ai du donner une solution dans la faq non ?
13/12/2005, 17h10
Immobilis

Citation:

Envoyé par Oluha

pourquoi le faire en javascript si ca fonctionne en CSS ? :roll:

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+
13/12/2005, 17h36
denisC

Citation:

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 8O 8O

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"?
13/12/2005, 17h43
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.

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

Regarder les commentaires sur le code.

A+
13/12/2005, 17h51
denisC

Citation:

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.
13/12/2005, 17h57
Didje

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

Je ne peux t'aider plus, cela dépasse mes compétances ^^
13/12/2005, 18h24
Immobilis

Citation:

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
14/12/2005, 10h58
Immobilis

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:

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

Pour appliquer le style je dois mettre ceci

Code:

<!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. :wink: