2014-11-17 80 views
1

我試圖做他們混合。使用jQuery DataTable的slimlcroll(無分頁)。 所以,我發現這些例子:Slimscroll和jQuery Datatable

Nice simple use of slimscroll

Nice Table

現在我試圖使該表採用超薄滾動的內容,但它只是不工作:(

我的嘗試是把一個div圍繞tbody - 和slimscoll那個div:

<div id="slimtest1">  
<tbody> 
    ... 
</tbody> 
</div> 

http://jsfiddle.net/yossico/hxkvfs60/2/

我也嘗試了TBODY直接超薄滾動:http://jsfiddle.net/yossico/hxkvfs60/3/

<tbody id="slimtest1"> 
... 
</tbody> 

我要的是通過slimscroll而不是滾動表身與默認的滾動條。 這一切都沒有工作 - 有人可以告訴我光?

謝謝:)

回答

2

檢查更新的jsfiddle: - JSFiddle

<table id="example" class="display" cellspacing="0" width="100%"> 
     .... 
     <tbody id="slimtest1"> 
      ...... 
     </tbody> 
    </table> 

CSS

thead, tbody { display: block; } 

tbody { 
    height: 200px;  /* For the demo */ 
    overflow-y: auto; /* Vertical scroll */ 
    overflow-x: hidden; /* Hide the horizontal scroll */ 
} 
+0

感謝的人!這就像一個神奇的工作 – yossico

+0

很高興它幫助你! – Rushee

+2

嘿,你可以幫我小問題 - 在你更新的JSFiddle標題錯位。如何修復? – yossico