1. Home
  2. /
  3. Web technology
  4. /
  5. HTML
  6. /
  7. [ CSS ] –...

[ CSS ] – table thead 固定

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 2,平均評等: 5]
<table>
<thead style="display:block;">
<tr>
<th style="width:100px;">標題一</th>
<th style="width:100px;">標題二</th>
<th style="width:100px;">標題三</th>
<th style="width:100px;">標題四</th>
</tr>
<thead>
<tbody style="height:400px;overflow:auto;display:block">
<tr>
<td style="width:100px;">內容一</td>
<td style="width:100px;">內容二</td>
<td style="width:100px;">內容三</td>
<td style="width:100px;">內容四</td>
</tr>
</tbody>
</table>

註1:th td 的寬度要設成一樣的 不然會跑版
註2:thead tbody 兩個都要加上 display:block;

 

標題一 標題二 標題三 標題四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四
內容一 內容二 內容三 內容四

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 2,平均評等: 5]

5 thoughts on “[ CSS ] – table thead 固定

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *