Html 如何固定表头-JSP CSS问题

我无法在滚动表体时冻结表头。
我使用了以下代码

使用的CSS：

THEAD TH{
位置：相对位置；
Z指数：20；
TOP：表达式（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>

AAAA
AAAA
AAAA
AAAA
bbbbb
bbbbb
bbbbb
bbbbb

您可以根据自己的需要使用jqgrid。通过简单地导入jqgrid插件，可以轻松地将html表转换为jqgrid。在新版本3.3中，将HTML表格转换为网格。这可能会帮助您解决这个问题。您可以在默认情况下进行分页、排序和表中搜索。

您可以使用jqgrid。通过简单地导入jqgrid插件，可以轻松地将html表转换为jqgrid。在新版本3.3中，将HTML表格转换为网格。这可能会帮助您解决问题，以及您可以做分页，排序，搜索表将默认可用