Er is geen CSS ondersteuning.
| Een tabel | Met een | Fixed header |
|---|---|---|
| een goed begin | is het halve | werk |
| tabellen | met fixed | header |
| html5 | gevalideerd is | belangrijk |
| hoe vul je | een tabel | met tekst |
| het is lastig | om altijd maar | inspiratie te hebben |
| en vandaag | lukt het | helemaal niet |
| maar de tabel | moet toch echt | gevuld worden |
| tabelletje hier | tabelletje daar | kolommetje hier |
| kolommetje daar | wat een baan | weer wat tekst |
| valide css | valide html5 | dat is deze pagina |
| en daar is | geen woord | chinees bij |
| we schieten op | de tabel is | bijna gevuld |
| nog een | paar woorden | en het is klaar |
| valide tabellen | fixed headers | daar gaat het om |
| mooie strakke | kolommen die goed | leesbaar zijn |
| en hier is | dan de | laatste tekst |
Let op!! Deze procedure niet gebruiken op een productie-website. Ik waarschuw maar even.. Deze code dient er alleen voor om te laten zien hoe je op een zeer eenvoudige wijze een tabel met een fixed header kan maken. Als alle browsers op dit moment de (strenge) regels van W3C hadden gerespecteerd, zou dit echt "het ei van Columbus" zijn. Natuurlijk werkt deze procedure in alle browsers, maar het oog wil natuurlijk ook wat. Je kan het heden ten dage "niet meer maken" om nodeloze horizontale bars te zien (en Opera doet dit jammer genoeg). Oude versies van IE kunnen niet overweg met de positionering (dus die staat voor IE gewoon uitgeschakeld); kortom: tot het moment dat de browsers allemaal "strikt" zijn en de (aller)meeste gebruikers ook daadwerkelijk die versies gebruiken, kan je maar beter een fixed header op de "ouderwetse"manier op het scherm zetten. Als je de (mooie compacte) broncode wilt zien; dan even met de rechtermuisknop de source "boven water" halen
cache 05-09-2010