原貼：
另可參考： 根據固定表頭的兩種方式
固定表頭兩種方式:
1. 表頭和表內容分別在兩個table中, 互不干擾.
優點: 實現簡單
缺點: 兩個table 的列寬不好保持一致, 缺乏靈活性
2. 用標籤的屬性來處理
[html]view plain
copy
<
span
style
="font-size:18px;"
>
<
html
>
<
head
>
<
style
type
="text/css"
>
/*重點：固定行頭樣式*/
.scrollrowthead
/*重點：固定表頭樣式*/
.scrollcolthead
/*行列交叉的地方*/
.scrollcr
/***的線*/
.scrolltable
/*單元格的線等*/
.scrolltable td,.scrolltable th
style
>
head
>
<
body
>
<
divstyle
="height:200px; width:200px; border: 1px solid blue; overflow-y:auto; "
>
<
table
border
="0"
cellpadding
="3"
cellspacing
="0"
class
="scrolltable"
>
<
trclass
="scrollcolthead"
style
="background-color:green;"
>
<
thclass
="scrollrowthead scrollcr"
>
lie1
th>
<
th>
lie1
th>
tr>
<
tr>
<
tdclass
="scrollrowthead"
>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
<
tr>
<
td>
content
td>
<
td>
content
td>
tr>
table
>
div>
body
>
html
>
span
>
table固定表頭
html中table樣式固定表頭，下面的內容滾動 html 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn...
固定表頭的table
在前端的開發過程中，時經常使用的一種展現形式。在我的開發過程中，當資料過多時，最常用的一種方式就是分頁，但是有些地方還是需要滾動。通常的table 會隨著滾動，導致表頭看不見。一下是我找到的一種固定表頭的方法。如下 div class t head table class table style c...
table表頭固定問題
table表頭固定問題 原生的table表頭在 滾動時候無法固定，可以使用以下的方法進行模擬 1.雙table法 表頭和表體各用乙個table，這樣會產生 列對不齊的問題，可以使用colgroup和col來對齊，或者直接設定th，td的寬度 2.單table修改樣式方法 設定 體為display b...