layui怎么固定表格的表头？下面本篇文章给大家介绍一下layui固定表格表头，让表头不滚动的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
步骤：
1、设置两个table，第一个table有thead没有tbody，第二个table有tbody没有table；
2、第二个table需要一个div包住，并设置宽高，可用绝对布局
3、tr下的th和td需要设置相同的宽度
实例：
html：
<html> <head></head> <body> <div id="righttable" sty<em style="color:transparent">来源[email protected]搞@^&代*@码网</em>le="width:100%;height:70%;padding-bottom: 2px;position:relative;"> <table class="layui-table" border="1" style="width: 100%;border:1px solid #ddd;"> <thead id="thead_"> <tr> <th>站点名称</th> <th>站点排名</th> <th>站点电量(kWh)</th> </tr> </thead> </table> <div style="position:absolute;bottom:2px;top:31px;overflow-y:scroll;width:100%"> <table class="layui-table" border="1" style="width: 100%;border:1px solid #ddd;"> <tbody id="tbody_"> </tbody> </table> </div> </div> </body> </html
css:
.layui-table tr th,td{white-space:nowrap;padding:5px;text-align:center;width:33.4%;}
更多前端的相关知识，请查阅 搞代码网 ！！
以上就是layui怎么固定表格的表头？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：layui怎么固定表格的表头？
转载请注明原文链接：layui怎么固定表格的表头？
