引导表和滚动条之间的空间

Question

我有一个响应式引导表，并且即使不需要滚动，我也想显示滚动条。但是，表格底部和滚动条之间有一个很大的空间。请参阅jsfiddle：https://jsfiddle.net/er1187/dmgx7db6/

我试着在表格中添加无边距/填充，但这不起作用。提前致谢！

.table-responsive{ 
    overflow-x:scroll; 
    margin: 0 !important; 
    padding-bottom: 0 !important; 
} 

Answer 1

尝试重新排序您的代码。试试这个

<div class="box-content box-no-padding"> 
     <div class="table-responsive"> 
      <table class="table table-bordered"> 
        <thead> 
         <tr> 
          <th class="text-center">First Name</th> 
          <th class="text-center">Last Name</th> 
          <th class="text-center">ID</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td>John</td> 
          <td>Smith</td> 
          <td>1187</td> 
         </tr> 
        </tbody> 
       </table> 
      <div class="scrollable-area"> 

      </div> 
     </div> 
    </div>