滚动表格正文时无法冻结标题。
我使用了以下代码。
使用的 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>