通過css樣式給表格tbody加垂直滾動條


tbody加滾動條實現思路:

1,把tbody設置成display:block,然后就對其高度設置一個固定值,overflow設置成auto。

2,把thead的tr設置成display:block。

3,因為都設置成block所以要給td手動添加寬度。

4,考慮到 tbody 產生了滾動條,這時會影響tbody以及thead的寬度,可以采用針對tbody設置::-webkit-scrollbar進行解決。

代碼實現:

.table thead tr {
     display:block;
   }
.table tbody {
     display: block;
     height: 100px;
     overflow: auto;
  }
.table th {
    width:20%;
  }
.table td {
    width:20%;
  }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM