引导表上的滚动条

I have table渲染在一个panel这是在一个modal。由于表格相对较大，我想将其行数限制为 5 行，以便模式不会滚动。我浏览了 SO 和谷歌，到处都看到我需要设置overflow-y:auto or overflow-y:scroll让它发挥作用，但就我而言，它没有。我还设置了随机高度 400px 和位置：绝对。这使得表格可以滚动，但现在面板关闭<thead>并且表格的主体呈现在面板之外。有什么解决办法吗？

我的代码片段是：

<div class="modal fade">
   <div class="modal-dialog " >
      <div class="modal-content">
         <div class="modal-body">
            <div class="panel panel-default">
               <div class="panel-body">
                  <table class="table table-bordered>
                     <thead>
                         [........]
                     </thead>
                     <tbody style="overflow-y:auto; height:400px; position:absolute>
                     [.......]
                     </tbody>
                   </table>

[...剩下的</div>s...]

EDIT

感谢您的回复。有没有办法将滚动条缩小到<tbody>独自一人，以便<thead>保持静态？

把它包起来table-responsive并设置最大高度：

.table-responsive {
    max-height:300px;
}

http://www.codeply.com/go/S6MgKWqFvj http://www.codeply.com/go/S6MgKWqFvj