無法限制表的高度引導面板

Question

我已經得到了具有嵌入在面板中的表中的MVC 5 /引導內部應用程序，如下所示：

<div class="panel panel-default col-md-3 col-md-offset-3"> 
    <div class="panel-heading">Life List Counts</div> 
    <div class="panel-body"> 
     <table class="table table-striped table-bordered table-responsive table-hover"> 
      <thead> 
       <tr> 
        <th>Col1</th> 
        <th>Col2</th> 
       </tr> 
      </thead> 

      <tbody> 
       @foreach (var item in Model) 
       { 
        <tr> 
         <td> 
          Col1Data 
         </td> 
         <td> 
          Col2Data 
         </td> 
        </tr> 
       } 
      </tbody> 
     </table> 
    </div> 
</div> 

我想限制表格的最大高度爲200px，然後讓其餘內容在面板內垂直滾動。我所有的嘗試都失敗了。我已經嘗試把面板和桌子上的樣式高度，似乎都沒有工作。

Answer 1

您需要的.panel體高度和溢出設置爲自動

.panel-body { 
    height: 200px; 
    overflow: auto; 
    } 

如果你想保持固定的表頭有和文章在這裏：fixed header table 看起來挺有意思的。