用css 給tbody加垂直滾動條

2021-08-21 19:19:05 字數 1372 閱讀 8009

思路就是

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

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

3,因為都設定成block所以要給td手動新增寬度 width:200px

**如下:

id

name

category

monthamount

hasbackup

score

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

23south bearing

glass/material

1234444

true

3456.00

css

.table thead tr 

.table tbody

.table th

.table td {

width:20%;

tbody 加滾動條

在頁面中給tbody加滾動條保持thead不動。rel stylesheet type text css href main.css head class table head1th head2th head3th head4th head5th head6th tr thead 1td 1td 1...

table給tbody設定滾動條

table結構例子 table class layui table thead tr th 貸款專案 th th 貸款型別 th th 所屬公司 th th 產品聯絡人 th th 是否上線 th th 聯絡 th th 點選量 詳情 th th 訪問量 詳情 th th 點選量 申請 th th ...

給div加滾動條

兩種方法 一 overflow scroll width 400px height 400px 寬和高必須要設定噢,否則會不成 但是在不超出時,會有下面的滾動條,所以不是最好的選擇二 overflow y auto overflow x auto width 400px height 400px 寬...