jQuery Slimscroll到HTML表格，帶有固定標題

Question

我正在研究使用slimscroll插件來應用於html表的方式，該表充滿了來自Web服務的業務數據。 但是正如標題所示，slimscroll也會滾動整個div和表頭。 我試圖通過tbody滾動來實現固定標頭。

<div class="slimscrolldiv">
  <table>
    <thead></thead>
    <tbody></tbody>
    <tr>
      <td></td>
    </tr>
    . . . . .
  </table>
</div>

我沒有發布任何代碼，但上面的代碼片段足以理解問題。 如果需要任何其他信息，請發表評論。

Answer 1

對我（至少部分）有用的一件事是創建2個表，一個用於thead，一個用於tbody，並將slimscroll包裹在tbody表周圍。

這個“部分”工作的原因是因為你必須使用css來使2個表列排成一行。

Answer 2

更新： 演示

這是另一種方式：

<div class="slimscrolldiv">
   <table>
      <thead></thead>
      <tbody id="scrollMe">
        <tr>
           <td></td>
        </tr>
      </tbody>
   </table>
</div>

腳本

<script>
  $(function(){
    $('#scrollMe').slimScroll({
      height: '250px'
      });
  });
</script>