jquery jtableにスクロールバーを挿入するにはどうすればよいですか？

Question

私は素晴らしいjqueryプラグインjtableを使用しています。 しかし、私は垂直スクロールバーを示す例は見つかりません。

divを含むdivに高さとoverflow.autoを設定しようとしました - スクロールバーがヘッダーを含むテーブル全体をスクロールします - ヘッダーではなくフッターだけをスクロールします。

誰かがこれを行う方法を見つけましたか？いくつかのように動作します

ソリューションは、挿入されます。

$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');  

と

.scroll-content { 
    overflow-y: auto; 
    width:100%; 
} 
div.jtable-main-container { 
    height:100%; 
} 

そして、divの上で高さを設定します。 しかし、テーブルのヘッダーもスクロールしますが、jtable全体をスクロールするよりも優れています。jtableが2つのテーブルを生成するソリューションを作ろうとしました.1つはヘッダー付き、もう1つは本文付きですがヘッダーは同期しません。

は、ここでそれを参照してください。http://jsfiddle.net/j5Q4L/3/

Answer 1

<style type="text/css"> 
     #StudentTableContainer { 
      width: 100%; 
      display: block; 
     } 

      #StudentTableContainer tbody, .jtable tbody { 
       height: 100px; 
       overflow-y: auto; 
       display: block; 
      } 
    </style> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#StudentTableContainer').jtable({ 
       //... 
      }); 
     }); 
    </script> 
    <div id="StudentTableContainer" class="jtable"></div> 

Answer 2

$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');  
and 

.scroll-content { 
    overflow-y: auto; 
    width:100%; 
} 
div.jtable-main-container { 
    height:100%; 
} 

ありがとうございました！ ？

Answer 3

IAMも同じ問題に直面しているため

table.jtable{ 
overflow-y: scroll; 
display:block; 
overflow-x: hidden; 
}