table表頭行不動

2021-07-25 15:45:29 字數 1777 閱讀 9350

今天遇到乙個問題怎麼使表頭行不動

如圖:

仔細思考之後發現沒有此類的參考怎麼辦呢?

解決方案是使用倆個table:1.乙個table是表頭,乙個table是下面的

具體**如下:

//html**:

具體js**:因為我的table是動態生成的

function createtable(count)

if (count[i].state == "0")

var td = $("");

if (count[i].state == "1")

if (count[i].state == "0")

var td = $("");

if (count[i].pc == "1" | count[i].pc == null)

if (count[i].pc == "0")

var td = $("");

if (count[i].web == "1")

if (count[i].web == "0")

var td = $("");

if (count[i].antenna == "1" | count[i].antenna == null)

if (count[i].antenna == "0")

var td = $("");

if (count[i].reader == "1" | count[i].reader == null)

if (count[i].reader == "0")

var td = $("");

if (count[i].broadcastmaterial == "1"

| count[i].broadcastmaterial == null)

if (count[i].broadcastmaterial == "0")

var td = $("

+ "' οnclick='realtimesupervision(this)'>");

document.getelementbyid("realtimesupervision" + i + "").value = "檢視"

document.getelementbyid("realtimesupervision" + i + "").style.backgroundcolor = "#fef430"

var td = $("

+ "' οnclick='details(this)'>

");document.getelementbyid("details" + i + "").value = "檢視"

document.getelementbyid("details" + i + "").style.backgroundcolor = "#fef430"}}

樣式:#createtable

結果:

table 新增滑動 表頭(th)不動

直接上 如下 12 overflow y auto 3class table2 45 6 width 42 編號7 width 25 比對方式8 width 25 認定狀態9 width 3 1011 121314 background color white overflow y auto hei...

table固定表頭

html中table樣式固定表頭,下面的內容滾動 html 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn號 會員名稱 會員 繫結狀態 啟用狀態 入庫時間 終端sn...

固定table的表頭

原貼 另可參考 根據固定表頭的兩種方式 固定表頭兩種方式 1.表頭和表內容分別在兩個table中,互不干擾.優點 實現簡單 缺點 兩個table 的列寬不好保持一致,缺乏靈活性 2.用標籤的屬性來處理 html view plain copy span style font size 18px ht...