Pevná hlavička tabulky

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