css 固定表頭,tbody和thead不對齊


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對齊。

這個方法可能不是很智能,需要手動調,后期再繼續優化。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM