Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .table-fixed{
- width: 100%;
- background-color: #f3f3f3;
- tbody{
- height:200px;
- overflow-y:auto;
- width: 100%;
- }
- thead,tbody,tr,td,th{
- display:block;
- }
- tbody{
- td{
- float:left;
- }
- }
- thead {
- tr{
- th{
- float:left;
- background-color: #f39c12;
- border-color:#e67e22;
- }
- }
- }
- }
- <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>
- <div style="overflow-y:auto; max-height: 100px">
- <table id="table" class="table table-condensed table-hover globalVariablesTable table-striped">
- <tr>
- <th><strong>Variable Names</strong></th>
- <th><strong>Values</strong></th>
- <th><strong>Actions</strong></th>
- </tr>
- <tbody>
- <tr>
- <td><strong>Variable Names</strong></td>
- <td><strong>Values</strong></td>
- <td><strong>Actions</strong></td>
- </tr>
- </tbody>
- </table>
- </div>
Add Comment
Please, Sign In to add comment