29 mei 2013

Mooie HTML tabel met vaste header

Dit bericht is voor de meeste lezers absoluut niet interessant!

Ik heb echter een tijd lang gezocht naar een manier om de header van een lange tabel in het zicht te houden als je naar beneden scrolt. Uiteindelijk heb ik hier gevonden waar ik naar zocht. Met wat prutsen lukte het me ook nog om de code te combineren met andere code die ik gebruik om oplopend en aflopend te sorteren door op de kolomkoppen te klikken.

Als voorbeeld hieronder de 10 MBO-instellingen met de meeste
verzonden tweets in de periode van 1 januari 2013 tot 27 mei 2013. Het is maar een voorbeeld natuurlijk. Ga voor het complete overzicht naar deze pagina waar ik dit ook toepas zodat je tijdens het scrollen door de tabel toch de koppen in beeld houdt. Het leuke is dat dit ook werkt op een iPad en Android tablet!

De header van de tabel blijft staan als je naar beneden scrollt.

NaamTweetsVolgersVolgend
ROC Nova College
1226
925
77
MBO Amersfoort
1129
1374
1388
Helicon Opleidingen
1108
439
105
Koning Willem I College
627
652
100
Mediacollege Amsterdam
494
1278
714
ROC Leiden
461
1357
73
Helicon Nijmegen
425
475
340
Alfa-college
407
1827
1508
Cibap vakschool voor verbeelding
370
1085
376
AOC Groenhorst Nijkerk
346
215
276

Misschien vraag je je nog af hoe ik zo snel een HTML tabel krijg van de gegevens uit een Excel bestand? Dat doe ik altijd met behulp van TABLEIZER, voor mij een onontbeerlijke tool!





Geen opmerkingen:

Een reactie plaatsen