引導表和滾動條之間的空間

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>