Pevná hlavička tabulky

16. 6. 2015

Máte dlouhou tabulku a potřebujete pevnou hlavičku tabulky, která se neposouvá s obsahem ale zůstává stále viditelná? Řešením je jQuery plugin jQuery.floatThead!

Velmi užitečný plugin najdete zde:

http://mkoryak.github.io/floatThead/

Ve zkratce: pomocí tohoto pluginu dokážete vytvořit dva druhy pevné hlavičky tabulky - tzv. Window scrolling (hlavička tabulky zůstává na místě, pokud rolujete celou stránku) a Overflow scrolling (tabulka roluje se stránkou, hlavička je pevná pokud rolujete pouze tabulkou, která je obalena elementem s nastaveným overflow: auto).

Plugin podporuje řadu dalších metod a událostí, ze kterých si určitě vyberete.

V neposlední řadě je velkou výhodou podpora responzivního designu - tzn. že tabulka nemusí mít nastavenu pevnou šířku a přesto i při změně velikosti viewportu na sebe navazují buňky hlavičky i těla tabulky.

Štítky: jQuery, Tipy a triky

zavolám vám zpět

© 2017 i-servis.cz  |  tel: +420 776 661 580  |  info@i-servis.cz   |  mapa stránek