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