Bootstrap Table example

by Jscaptcha

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>

  <div class="container">  
 <div class="col-sm-12">
 <div class="dataTables_scrollBody" >
           
 <table class="table table-bordered" id="dtHorizontalVerticalExample">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
       <th scope="col">Handle</th>
       <th scope="col">Handle</th>
       <th scope="col">Handle</th>
       <th scope="col">Handle</th>
       <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Markfgfgfgfgffg</td>
      <td>Ottofgfgfgfgfgfgfgfgfgfgffg</td>
      <td>@mdofgfgfgfgfgfgfgfg</td>
        <td>Mark</td>
      <td>Ottofgfgfgfgfgfg</td>
      <td>@mdo</td>
        <td>Mark</td>
      <td>Otto</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
          <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
        <td>Mark</td>
      <td>Otto</td>
    </tr>
  
  </tbody>
</table>
       </div>
 </div>
 </div>

CSS

.dataTables_scrollBody { 
overflow-y : scroll; 
height: 200px;
width:100%;
}