1

滚动表格正文时无法冻结标题。
我使用了以下代码。

使用的 CSS :

THEAD TH{
    POSITION: relative; 
    Z-INDEX: 20; 
    TOP: expression(document.getElementById("tableData").scrollTop-1);  
}

jsp代码:

<div id="tableData"
    style="position: absolute; width: 96%; height: 260px; z-index: 1; left: 20px; top: 230px; overflow: auto">

    <table id="summaryTable" border="0" cellspacing="1" cellpadding="2" bgcolor="#ebcaff" width='100%'>
        <thead>
            <tr>
                <th>aaaaa</th>
                <th>aaaaa</th>
                <th>aaaaa</th>
                <th>aaaaa</th>
            </tr>
        </thead>
        <tbody>                 
            <tr>                        
                <td>bbbbb</td>                  
                <td>bbbbb</td>
                <td>bbbbb</td>
                <td>bbbbb</td>
            </tr>               
        </tbody>
    </table>

</div>
4

1 回答 1

1

您可以将 jqgrid 用于您的目的。有一个选项可以通过简单地导入 jqgrid 插件轻松地将您的 html 表转换为 jqgrid。http://trirand.com/blog/jqgrid/jqgrid.html版本 3.3 中的新功能 - HTML 表格到网格。这可能会帮助您解决问题,并且默认情况下您可以进行分页、排序、在表中搜索。

于 2013-10-23T05:24:55.230 回答