Загрузочный стол с полосой прокрутки при небольшом размере экрана

Question

У меня есть стол для начальной загрузки с 8 столбцами и несколькими строками, и я хотел бы показать эту таблицу с помощью полосы прокрутки, когда размер экрана уменьшен, потому что в противном случае та таблица выходит из обертки раскладка. Проблема в том, что полоса прокрутки когда-либо отображается, и, хотя она довольно уродливая, я хотел бы показать только тогда, когда это необходимо, как я могу это сделать? ли лучше использовать JQuery плагин, как этого table collapse

<div class="panel-body"> 
     <div class="table-responsive"> 
      <div class="dataTable_wrapper"> 
       <table class="table table-striped table-bordered table-hover" 
        id="fleetsTable"> 
        <thead> 
         <tr> 
          <th>Application</th> 
          <th>Cubic</th> 
          <th>Power</th> 
          <th>Euro class</th> 
          <th>Engine Type</th> 
          <th>Traction</th> 
          <th>Transmission</th> 
          <th>Cars</th> 
          <th>Add Car</th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr th:each="fleet : ${fleets}" class="odd gradeX"> 
          <td class="col-xs-2" th:text="${fleet.application}"></td> 
          <td class="col-xs-1" th:text="${fleet.cubic}"></td> 
          <td class="col-xs-1" th:text="${fleet.power}"></td> 
          <td class="col-xs-1" th:text="${fleet.euroClass}"></td> 
          <td class="col-xs-1" th:text="${fleet.engineType}"></td> 
          <td class="col-xs-2" th:text="${fleet.traction}"></td> 
          <td class="col-xs-2" th:text="${fleet.transmission}"></td> 
          <td class="col-xs-1"><button id="showCarsButton" 
            type="button" class="btn btn-primary">Show cars</button></td> 
          <td class="col-xs-1"><button id="addCarButton" 
            type="button" class="btn btn-primary">Add car</button></td> 
         </tr> 
        </tbody> 
       </table> 
      </div> 
     </div> 
     <!-- /.panel-body --> 
    </div> 

Answer 1

использование этого таблицы стиля = «переполнение: авто»