继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

纯CSS固定表头

SOHO树叶
关注TA
已关注
手记 56
粉丝 61
获赞 656
.table-scroll thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-scroll tbody {
    max-height: 6rem;
    overflow-y: auto;
    display: block;
    width: 100%;
    table-layout: fixed;
}

.table-scroll tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}


将所需固定表头的表格,加上class 名为:

table-scroll

刷新页面!大功告成!

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP