1.說明：解決展示首行標題固定問題，數量超過一定展示下拉條；
2.關鍵點 兩個table的tr td一致，div 配合overflow: scroll;overflow-x: hidden; 隱藏第一個的橫拉條，第二個div的margin-top: -26px;
效果複製後面代碼運行
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
作者：[email protected]
時間：2018-12-05
描述：此需求是 固定首行的位置，當頁面加載超過一定數量加載下拉條，主要是受下拉條影響，產生問題想的辦法；此處遇到需求是jsp頁面，用<c:if></c:if> 實現；
其他頁面也可以用到，此處唯一問題就是要調整第一行行高，屏幕縮放問題
例如超過23個展示下拉條
<c:if test="${resultList!=null&&fn:length(resultList)>=23}">
<div style="overflow: scroll;overflow-x: hidden;height: 51px; width: 100%;" >
</c:if>
內容。。。。。。。
內容。。。。。。。
<c:if test="${resultList!=null&&fn:length(resultList)>=23}">
</div>
</c:if>
-->
<div style="overflow: scroll;overflow-x: hidden;height: 51px; width: 100%;" >
<table id="tableHeadId" width="100%" border="1px" cellspacing="0px" style=" " align="center" >
<tr>
<th width="20%">序號</th>
<th width="20%">標題1</th>
<th width="20%">標題2</th>
<th width="20%">標題3</th>
<th width="20%">標題4</th>
</tr>
</table>
</div>
<!--
作者：[email protected]
時間：2018-12-05
描述：數據展示區域 ,-26px實測合適，750px大概一個頁面內容，可調整，主要是展示下拉條;overflow-x隱藏橫向下拉條
-->
<div style="overflow: scroll; margin-top: -26px; height: 500px; width: 100%;" >
<table id="tableListId" width="100%" border="1px" cellspacing="0px" style=" " align="center" >
<tr>
<td width="20%">序號</td>
<td width="20%">56</td>
<td width="20%">852</td>
<td width="20%">783</td>
<td width="20%">89</td>
</tr>
<tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr>
<tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr>
<tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr>
<tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr> <tr>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
<td>56</td>
</tr>
</table>
</div>
</body>
</html>