在專案中碰見jsp頁面遍歷資料過多，下拉後看不見表頭，如果用easyUi就不存在固定表頭問題了。

如果是單純的table，遍歷，那麼我們可以引用bootstrap中的滾動監聽來控制。

在頁面引入 

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

在body中引入         

<nav id="navbar-example" class="navbar navbar-default navbar-static" role="navigation">
        <div class="container-fluid">
        <div class="navbar-header">

<!-- 此部分是固定表頭，單獨放入一個表中-->

<table class="table" style="width: 95%" border="2">
            <tr style="background: #FFE4E1">
             <th width="40"><font size="2" >序列</font></th>
             <th width="90"><font size="2">區域經理</font></th>
          <th width="80"><font size="2">區域主任</font></th>
          <th width="70"><font size="2">店號</font></th>
          <th width="200"><font size="2">店名</font></th>

    </tr>

</table>
            </div>
    </div>
</nav>

<div data-spy="scroll" data-target="#navbar-example" data-offset="0"
     style="height:400px;overflow:auto; position: relative;">

     <table class="table" style="width: 95%" border="2">

  <!-- 遍歷資料部分-->

  </table>
   </div>