爲什麼表格滾動不顯示？

Question

：我將我的表滾動使用此功能：在頁面加載

$(function() { 
     $('#tables-section table').each(function(){ 
      // if table > 4 rows, make scrollable 
      if($(this).find('tbody tr').length > 4) { 
       $(this).tableScroll({height:116}); // make scrollable 
      } 
     }); 

}); 

後的表元素具有tableScroll類，但滾動條顯示不出來。

有誰能告訴我什麼是缺少的？

Answer 1

根據readme，該表需要一個thead和一個tbody。在代碼中，它只是檢查tbody。有可能它可能會試圖將滾動應用於缺少thead的表。

我能夠在demo中使用您的JavaScript代碼片段正常工作。我注意到，如果我只有大約5行，滾動條沒有顯示出來。但它會出現在大約6或更多。也許你可以將高度設置爲80而不是？

下面是一個的jsfiddle顯示5行通過設置高度80滾動：https://jsfiddle.net/wrn27597/1/

代碼是在底部：

$(document).ready(function() { 
    $('#tables-section table').each(function(){ 
     // if table > 4 rows, make scrollable 
     if($(this).find('tbody tr').length > 4) { 
      $(this).tableScroll({height:80}); // make scrollable 
     } 
    }); 
});