Bootstrap table tbody scroll

我試圖自定義我的引導表。如果桌面高度大於某個高度，我希望<tbody>可以滾動而不滾動表格的其餘部分。我已經嘗試了幾乎所有我能想到的東西，但桌子甚至不會改變尺寸。Bootstrap table tbody scroll

有誰知道我需要修改哪些類來解決這個問題？這裏是我在我的表中使用的元素：

<div class="table-responsive"> 
<table class="table table-condensed"> 
    <colgroup> 
     <col class="col-xs-1"/> 
     <col class="col-xs-1"/> 
    </colgroup> 
    <thead> 
     <tr> 
      <th></th> 
      <th></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
     <tr> 
      <td></td> 
      <td></td> 
     </tr> 
    </tbody> 
</table> 
</div>

和here's a jsFiddle。

來源

2014-03-04 justanotherhobbyist

只要使用CSS，你就需要tbody元素的高度以及溢出。否則，那裏有很多JavaScript/jQuery解決方案。 –

我已經在jsFiddle中完成了這件事，什麼也沒做。我認爲有一些引導代碼我必須禁用。 – justanotherhobbyist

如果你不介意滾動你自己的CSS，這裏是一個關於如何實現它的教程。最重要的是它符合IE6。 :) http://tjvantoll.com/2012/11/10/creating-cross-browser-scrollable-tbody/ – Pete