[HTML] THEAD positioneren

[Webgnome]

Beste tweakers,

op dit moment ben ik bezig om een thead element zo te verbouwen met Javascript dat deze bovenaan het window wordt getoond op het moment dat deze uit het zicht dreigt te komen als er gescrolled wordt. Oftewel een sticky header. In Firefox heb ik nu een werkende versie en ik dacht laat ik het eens in Internet Explorer testen.

En , zoals ik al een beetje verwachte, werkte het daar niet. Nu zie ik niet zo in wat er nou precies fout aan de code is. Is het soms in IE niet mogelijk om de position / top aan te passen als deze nog niet geset zijn via een meegeleverde style?

De code zoals ik die nu in Javascript heb om de locatie van het THEAD element aan te passen.

JavaScript:

if(this.intMinOffsetHeader > intDocumentScroll){
            this.headerNode.style.position = "relative";
            //this.headerNode.style.top = this.intMinOffsetHeader+"px";
        }
        
        if(this.intMinOffsetHeader < intDocumentScroll && this.intMaxOffsetHeader > intDocumentScroll){
            console.log("update table header location");
            this.headerNode.style.position= "Absolute";
            console.log(this.headerNode.style)
            console.log("Document scrolled " + (intDocumentScroll-75));
            console.log(this.headerNode);
            this.headerNode.style.position = "absolute";
            
            this.headerNode.style.top = (intDocumentScroll-75)+"px";
            console.log(this.headerNode.scrollTop);
        
            this.updateDimensions(this.headerNode,"th");
            this.headerNode.style.backgroundColor = "white";
            this.headerNode.style.borderBottomColor = "#E5E5E5";
            this.headerNode.style.borderBottomWidth = "1px";
                        
        }

Om een of andere manier werkt deze dus niet in Internet Explorer

[MueR]

Krijg je een JS error? IE lust console.log niet namelijk. Hij zal verder relatief gepositioneerd moeten worden tov je tabel danwel body, maar dat lijkt wel in orde. Misschien ergens een (bijna ) werkend voorbeeld staan?

[Webgnome]

En ineens heb je het.. je pakt de TR in plaats van de THEAD

JS error's krijg ik gelukkig niet omdat ik gebruik maak van firefox lite die console.log overneemt. Ik heb dus de code aangepast zodat deze bij initialisatie de eerste TR pakt na het THEAD element en dan werkt het allemaal ineens wel.

offtopic:
Dat ik daar dan een halve dag mee zoet ben geweest is een ander verhaal