1. 程式人生 > >想要table表格垂直滾動,加點CSS即可

想要table表格垂直滾動,加點CSS即可

clas div alc The style table表 高度 spl pan

<style>
/*設置 tbody高度大於400px時 出現滾動條*/
    table tbody {
        display: block;
        height: 400px;
        overflow-y: scroll;
    }
    table thead, tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
/*滾動條默認寬度是16px 將thead的寬度減16px*/
    table thead 
{ width: calc( 100% - 1em); } </style>

想要table表格垂直滾動,加點CSS即可