table的外面包一層div,table的表頭固定將thead設置為absolute,然后設置div的滾動事件,使thead距離上面的top等於div的scrollTop值。
可參考“https://www.cnblogs.com/ariter/p/5970298.html”。
雖然可以使表頭固定向下拉,但表頭和表身之間的單元格無法對其,后來找了原因發現是表頭沒有滾動條,但body有滾動條,滾動條的
存在使表頭和body之間的單元格不對齊。“https://segmentfault.com/q/1010000005908194?_ea=946860”
我的表格是動態生成的,因此在動態生成中設置每個td的單元格寬度,同時在模板中設置表頭每個單元格寬度,與body中td的寬度相同,但最后一個單元格不設置寬度,
因為最后一個單元格會因為滾輪的存在自動設置寬度。然后在前端,通過調試,對表頭的寬度進行修改,使其與body對齊。
這個方法可能不是很智能,需要手動調,后期再繼續優化。