固定table中一行的问题

Question

一个页面要显示上千条数据，第一行是各个字段的名字，现在问题是拖动滚动条向下拉以后，看下面的数据时不能看到第一行的字段的名称，而数据又是按照拼音顺序排的，做分页功能不合适，怎么样才能让第一行跟着用户向下拉滚动条的同时也跟着移动到下面，始终能让用户知道哪列是什么字段的值

Answer 1

分两个table，表头做一个table，下面数据做一个table

Answer 2

1.用div做出滚动条，数据列表与字段名均在同一屏幕内
可能需要定义的属性
/*   滚动条 */
/*   overFlow: auto ; */ /* visible ：却省的 hidden auto scroll */
overFlow-x: scroll;
overFlow-y: hidden;<table/>--字段名
<div>
数据列表
</div>2.用js来设置字段名的位置，随着滚动条的滚动而滚动

Answer 3

分Table能实现？
新浪当时类似的页面好像是分Frame

Answer 4

frame
或
用固定位置的层来显示标题

Answer 5

通过百度帮你找到了一个<table width="300"  border="0" cellpadding="0" cellspacing="1" bgcolor="#0099CC">
  <tr> 
    <th width="25%" nowrap><font color="#FFFFFF"> 123 </font></th>
    <th width="25%" nowrap><font color="#FFFFFF"> 456 </font></th>
    <th width="25%" nowrap><font color="#FFFFFF"> 789 </font></th>
    <th width="25%" nowrap><font color="#FFFFFF"> abc </font></th>
  </tr>
</table>
<span style="overflow-y:auto;height:100px;width:320px">
<table width="300"  border="0" cellpadding="0" cellspacing="1" bgcolor="#0099CC">
  <tr bgcolor="#FFFFFF"> 
    <td width="25%"> 1</td>
                
    <td width="25%"> 4</td>
                
    <td width="25%"> 7</td>
                
    <td width="25%"> a</td>
        </tr>
        
  <tr bgcolor="#FFFFFF"> 
    <td > 2</td>
                
    <td > 5</td>
                
    <td> 8</td>
                
    <td> b</td>
        </tr>
        
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
  <tr bgcolor="#FFFFFF"> 
    <td> 3 </td>
                
    <td> 6 </td>
                
    <td> 9 </td>
                
    <td > c </td>
        </tr>
</table>
</span>