yukyo0821
/
kw_tools_yover
forked from choozmo/kw_tools


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
							<html>
    <head>
        <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
<style>
body {
  background-color: #bdc3c7;
}

.table-fixed {
  width: 100%;
  background-color: #f3f3f3;
}
.table-fixed tbody {
  height: 200px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th {
  float: left;
  background-color: #f39c12;
  border-color: #e67e22;
}
</style>
    </head>
<body>
    <div class="container">
        <table class="table table-fixed">
          <thead>
            <tr>
              <th class="col-xs-3">First Name</th>
              <th class="col-xs-3">Last Name</th>
              <th class="col-xs-6">E-mail</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
      
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
            <tr>
              <td class="col-xs-3">John</td>
              <td class="col-xs-3">Doe</td>
              <td class="col-xs-6">johndoe@email.com</td>
            </tr>
          </tbody>
        </table>
      </div>
</body>
</html>