thead固定tbody滚动

Posted 雨翼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了thead固定tbody滚动相关的知识,希望对你有一定的参考价值。

table tbody {
        display:block;
        height:195px;
        overflow-y:scroll;
    }
    table thead, tbody tr {
        display:table;
        width:100%;
        table-layout:fixed;
    }
    table thead {
        width: calc( 100% - 1em )
    }

 

以上是关于thead固定tbody滚动的主要内容,如果未能解决你的问题,请参考以下文章

<table> 具有固定的 <thead> 和可滚动的 <tbody> [重复]

table固定表头固定列实现横向纵向滚动

通过css样式给表格tbody加垂直滚动条

tbody滚动条占位导致与thead表头错位

table表头固定(原创)

thead tbody tfoot