固定表頭怎么弄?
如果Table數(shù)據過多,頁面必然會拉的很長,固定表頭,可以方便用戶對照表頭項目列表。近日做后臺界面時,整理固定表頭三種方法:
A:使用JQuery UI插件,用DIV替換table,overflow-y:hidden達到滾動,讓 thead絕對定位達到固定的目的,方法如下:
+ VIEw Code頁面調用如下:
+ View Code
此方法IE和FF的兼容性都很好,推薦。
B:利用css濾鏡實現(xiàn),但FF不支持微軟的東西,不兼容。DOM如下:
+ View Code
C:最簡單的方法當然是寫2個table,用DIV的overflow-y:auto來實現(xiàn),兼容性絕對沒問題,麻煩之處在于2個table的對齊問題,另外用腳本賦予高度的話,需要加onresize()方法。DOM如下:
+ View Code
有時候最笨的方法也可能是最簡單最好的方法,這樣寫的兼容性絕對安全,靈活性也不錯。