मैं jquery jtable में स्क्रॉलबार कैसे डाल सकता हूं?

Question

मैं महान jQuery प्लगइन jtable उपयोग कर रहा हूँ। लेकिन मुझे लंबवत स्क्रॉलबार दिखाने वाले कोई उदाहरण नहीं मिल रहे हैं।

मैंने उस div पर ऊंचाई और ओवरफ्लो.ओटो सेट करने की कोशिश की है जिसमें स्क्रॉलबार है, फिर हेडर समेत पूरी तालिका को स्क्रॉल करता है - मैं केवल पंक्तियों को स्क्रॉल करना चाहता हूं, न कि शीर्षलेख, बल्कि पाद लेख।

किसी को भी यह करने के लिए एक रास्ता मिल गया है?

एक समाधान है कि काम करता है किसी तरह डालने जाता है:

$('.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 टेबल उत्पन्न करने की कोशिश की।

इसे यहाँ देखें: 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

सीएसएस

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