2013-11-01 43 views
2

我正在研究我的方式來使用slimscroll插件來應用到html表格,該表格使用Web服務獲取業務數據。然而,正如標題所示,slimscroll也滾動整個表格的div和表頭。我試圖通過tbody滾動來實現固定標題。jQuery Slimscroll到固定標題的HTML表格

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

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

+0

現在整個桌子都有苗條的滾動屬性? – Ashish

+0

是Ashish ..... – Akki619

回答

2

更新: demo

這是另一種方法:

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

腳本

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

試過這個,但它不工作,你可以設置一個小提琴 – Akki619

+0

wait..will更新回答 – Ashish

+0

http://jsfiddle.net/crustyashish/JcdrQ/看起來更新的答案 – Ashish

0

一兩件事,對我的工作(至少部分地) 是創建2個表格es, one for the and one for tbody and wrap the slimscroll around the tbody table。

這個原因'部分'的原因是因爲你必須玩弄CSS以獲得2列表排列。