Come posso inserire una barra di scorrimento nel jQuery jQuery?

Question

Sto usando il grande plugin jquery jtable. Ma non riesco a trovare alcun esempio che mostri una barra di scorrimento verticale.

Ho provato ad impostare un'altezza e overflow.auto sul div che lo contiene - la barra di scorrimento scorre quindi l'intera tabella compresa l'intestazione - Voglio solo scorrere le righe non l'intestazione e non il piè di pagina.

Qualcuno ha trovato un modo per farlo?

una soluzione che funziona in qualche modo sta inserendo:

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

e

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

e l'altezza impostazione div. Tuttavia scorre anche l'intestazione della tabella - ma è meglio che scorrere l'intero jolly - Ho provato a creare una soluzione in cui jtable genera 2 tabelle - una con intestazione e una con corpo ma l'intestazione non è più sincronizzata.

vedono qui: 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%; 
} 

Grazie!

Answer 3

Aggiungi questo al css

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