使用分區中的2個表固定列標題

Question

我將2個表（標題和數據）動態加載到一個div中。我希望頭表在數據行可滾動時保持不變。

我必須在這些表格中設置什麼來完成此操作？

或者有沒有更好的方法呢？

Answer 1

這樣做的更好的辦法是使用jQuery插件jquery.fixheadertable.js 也可以使包含有標題只即<th>等與有數據行一列一個表只即<td>

<table cellspacing="1" cellpadding="5"> 
     <tr> 
      <th width="140">Heading 1</th> 
      <th width="140">Heading 2</th> 
      <th width="140">Heading 3</th> 
     </tr> 
</table> 
<table cellspacing="1" cellpadding="5"> 
    <tr> 
     <th width="140"></th> 
     <th width="140"></th> 
     <th width="140"></th> 
    </tr> 
    <tr> 
     <td>Data 1</td> 
     <td>Data 2</td> 
     <td>Data 3</td> 
    </tr> 
</table> 

這是一個模板代碼。 我試過這個，這會解決你的需求。