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对齐。
这个方法可能不是很智能,需要手动调,后期再继续优化。