Question

可能重复：
How to freeze table header

我正在通过ajax调用填充一个表，具有结构 -

<table>    
    <thead>        
        <tr>            
            <th colspan="4">Current</th>            
            <th colspan="4">New/Requested</th>        
        </tr>        
        <tr>            
            <th nowrap="nowrap">RSD &nbsp;&nbsp;&nbsp;&nbsp;</th>           
            <th nowrap="nowrap">CRSD &nbsp;&nbsp;&nbsp;&nbsp;</th>            
            <th nowrap="nowrap">MSD &nbsp;&nbsp;&nbsp;&nbsp;</th>            
            <th nowrap="nowrap">Open QTY &nbsp;&nbsp;&nbsp;&nbsp;</th>            
            <th nowrap="nowrap">CRD &nbsp;&nbsp;&nbsp;&nbsp;</th>            
            <th nowrap="nowrap">CRSD &nbsp;&nbsp;&nbsp;&nbsp;</th>           
            <th nowrap="nowrap">MSD &nbsp;&nbsp;&nbsp;&nbsp;</th>            
            <th nowrap="nowrap">Open QTY &nbsp;&nbsp;&nbsp;&nbsp;</th>            
            <th nowrap="nowrap">Action</th>            
            <th nowrap="nowrap">Reason</th>            
            <th nowrap="nowrap">Action Code Status </th>        
        </tr>
    </thead>    
    <tbody>         
        <tr>             
            <td></td>              
            <td></td>                
            .....plenty of rows        
        </tr>     
    </tbody> 
</table>

我正在尝试冻结此表的标题..
注意：我想在页面滚动而不是表格主体滚动上执行此操作我按照this帖子的建议一直试用它，但似乎没有什么对我有用...... 任何一个人都有一些不同的方法或一些工作的例子对我来说是一个很大的帮助。

js问题：http://jsfiddle.net/UX6Sk/

Answer 1

你可以在这里找到它 Fix the header

从这里开始演示 Demo is here

Answer 2

有点儿马车，但如果你为thead设置背景颜色，这将隐藏错误。此外，仅使用css：http://jsfiddle.net/HErQH/

如何修复表头

2 个答案: