博主分享了三种HTML table固定表头的实现方式，包括通过display属性、使用两个table模拟以及利用transform和scrollTop属性。每种方法都有其优缺点，如display属性方法需要预设单元格宽度，两个table方法在Firefox中存在细微边框问题，而transform方法则相对简单且效果良好。文章提供了一个实用的解决方案，并附带了参考资料链接。
最近尝试了几种HTML的table固定表头的方法..额…各有利弊,但很尴尬…..
1.thead和tbody的display设置为block;
这种可以实现,但是需要提前设置好每个th和td的宽度,否则th和对应的td会错开,无法对齐;
2.用两个table模拟,第一个作为thead,第二个作为tbody;
需要动态设置单元格宽度,基本上满足需求,但是在firefox中,会有一点点瑕疵,单元格边框会错开一点点;
3.今天在上找到的一个好方法,很好用,利用transform动态设置thead的scrollTop属性
模拟出来的固定表头,相对前两个方法简单很多,效果也很不错;
下面是原文链接:
http://www.
http://www.dengb.com/HTML_CSS/1219733.htmlwww.dengb.comtruehttp://www.dengb.com/HTML_CSS/1219733.htmlTechArticle
—-想了解更多的css相关样式处理怎么解决关注
本文来自网络收集，不代表猴子技术宅立场，如涉及侵权请点击右边联系管理员删除。
如若转载，请注明出处：https://www.ssfiction.com/htmljc/110148.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
