溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
步奏：
1、設置兩個table，第一個table有thead沒有tbody，第二個table有tbody沒有table；
2、第二個table需要一個div包住，并設置寬高，可用絕對布局
3、tr下的th和td需要設置相同的寬度
實例：
html：
<html> <head></head> <body> <div id="righttable" > <table class="layui-table" border="1" > <thead id="thead_"> <tr> <th>站點名稱</th> <th>站點排名</th> <th>站點電量(kWh)</th> </tr> </thead> </table> <div > <table class="layui-table" border="1" > <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表格的表頭不滾動的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
