table給tbody設定滾動條

2022-05-04 14:48:08 字數 1795 閱讀 8384

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>

訪問量(申請)

th>

<

th>

點選量(子頁面)

th>

<

th>

訪問量(子頁面)

th>

tr>

thead

>

<

tbody

id="x-img"

>

tbody

>

<

tfoot

>

<

tr style

="background: #f2f2f2;"

>

<

td >總計:

td>

<

td align

="center"

>——

td>

<

td align

="center"

>——

td>

<

td align

="center"

>——

td>

<

td align

="center"

>——

td>

<

td align

="center"

>——

td>

<

td class

="djcount1"

>

td>

<

td class

="fwcount1"

>

td>

<

td class

="djcount"

>

td>

<

td class

="fwcount"

>

td>

<

td class

="djcount3"

>

td>

<

td class

="fwcount3"

>

td>

tr>

tfoot

>

table

>

css如下:

table tbody 

::-webkit-scrollbar

table thead,tbody tr,tfoot tr,thead tr

原生table控制tbody滾動而thead不滾動

姓名年齡 出生年月 手機號碼 單位張三 181990 9 9 13682299090 阿里巴巴 張三封181990 9 9 13682299090 阿里巴巴與四十大盜 張小三181990 9 9 13682299090 張三181990 9 9 13682299090 瀏陽河就業 張三瘋子 1819...

用css 給tbody加垂直滾動條

思路就是 1,把tbody設定成display block,然後就對其高度設定乙個固定值,overflow設定成auto。2,把thead的tr設定成display block。3,因為都設定成block所以要給td手動新增寬度 width 200px 如下 id name category mon...

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...