html table css 實現固定表頭的辦法

2021-08-01 12:36:09 字數 704 閱讀 8419

最近做到了要實現固定表頭的乙個資料列表table,在網上查了一些資料,總結出的辦法,望大家提出建議或意見。

其原理大概如下:

將tbody用乙個固定高度的div包起來,並使tbody的內容高度超過這div的高度,這樣便會出現滾動條。同時因為要求表頭固定,所以用另外乙個table將表頭寫出來,但是要注意的是他的列寬要與table-content裡的table列寬一致,這樣就可以達到預期的效果。其實最主要的還是用到了colgroup和col標籤,來格式化th和td的原理。**如下: 序號

商品名稱

訂單號下單時間

賬單金額(元)

總數量已出庫

待出庫聯絡人

聯絡人**

狀態操作

男男男男

男男男男男男

男男男男

男男男男男男

男男男男

男男男男男男男男男

男男 男男男男

男男男男男男

男男男男

男男男男男男

男男男男

男男男男男男男男男

男男 男男男男

男男男男男男

男男男男

男男男男男男

男男男男

男男男男男男男男男

男男 男男男男

男男男男男男

男男男男

男男男男男男

男男男男

男男男男男男男男男

男男

固比固布局 聖杯布局 css實現傳統手機app布局

我們需要實現的是頭部 底部高度固定 中間內容區域自適應且可以滾動 直接貼 css html,body body section header footer p html body header 頭部 header section p 這是可以滾動的 p p 這是可以滾動的 p p 這是可以滾動的 p...

內固 N皇后問題

優秀書籍 著名的8皇后問題就是,求出8 8有多少個不同的內固集。在我的一篇部落格中有求解的方法 hdu 2553 n皇后問題 可以看出,8皇后的內固集有92種,即8皇后問題有92種不同的擺法。在75象棋 6 這篇文章中我給出了乙個非常對稱的解。下面討論一般的n皇后問題。那篇部落格裡面的結論是,n n...

埋葬固話又何妨?

日前,中國電信王曉初總經理在接受 採訪的時候表示 現在我們已不再是純固網公司,中國電信非語音收入已超過了語音收入。王總的這一番話不是空穴來風,根據工信部公布的今年1到5月份三大運營商的市場資料來看,固話業務 固定語音業務,包括小靈通業務 正在受到移動業務的衝擊,一方面固然是通訊發展的必然,另一方面也...