Guest User

Untitled

a guest
Feb 7th, 2018
319
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.38 KB | None | 0 0
  1. .table-fixed{
  2. width: 100%;
  3. background-color: #f3f3f3;
  4. tbody{
  5. height:200px;
  6. overflow-y:auto;
  7. width: 100%;
  8. }
  9. thead,tbody,tr,td,th{
  10. display:block;
  11. }
  12. tbody{
  13. td{
  14. float:left;
  15. }
  16. }
  17. thead {
  18. tr{
  19. th{
  20. float:left;
  21. background-color: #f39c12;
  22. border-color:#e67e22;
  23. }
  24. }
  25. }
  26. }
  27.  
  28. <div class="container">
  29. <table class="table table-fixed">
  30. <thead>
  31. <tr>
  32. <th class="col-xs-3">First Name</th>
  33. <th class="col-xs-3">Last Name</th>
  34. <th class="col-xs-6">E-mail</th>
  35. </tr>
  36. </thead>
  37. <tbody>
  38. <tr>
  39. <td class="col-xs-3">John</td>
  40. <td class="col-xs-3">Doe</td>
  41. <td class="col-xs-6">johndoe@email.com</td>
  42. </tr>
  43.  
  44. <tr>
  45. <td class="col-xs-3">John</td>
  46. <td class="col-xs-3">Doe</td>
  47. <td class="col-xs-6">johndoe@email.com</td>
  48. </tr>
  49. <tr>
  50. <td class="col-xs-3">John</td>
  51. <td class="col-xs-3">Doe</td>
  52. <td class="col-xs-6">johndoe@email.com</td>
  53. </tr>
  54. <tr>
  55. <td class="col-xs-3">John</td>
  56. <td class="col-xs-3">Doe</td>
  57. <td class="col-xs-6">johndoe@email.com</td>
  58. </tr>
  59. <tr>
  60. <td class="col-xs-3">John</td>
  61. <td class="col-xs-3">Doe</td>
  62. <td class="col-xs-6">johndoe@email.com</td>
  63. </tr>
  64. <tr>
  65. <td class="col-xs-3">John</td>
  66. <td class="col-xs-3">Doe</td>
  67. <td class="col-xs-6">johndoe@email.com</td>
  68. </tr>
  69. <tr>
  70. <td class="col-xs-3">John</td>
  71. <td class="col-xs-3">Doe</td>
  72. <td class="col-xs-6">johndoe@email.com</td>
  73. </tr>
  74. <tr>
  75. <td class="col-xs-3">John</td>
  76. <td class="col-xs-3">Doe</td>
  77. <td class="col-xs-6">johndoe@email.com</td>
  78. </tr>
  79. <tr>
  80. <td class="col-xs-3">John</td>
  81. <td class="col-xs-3">Doe</td>
  82. <td class="col-xs-6">johndoe@email.com</td>
  83. </tr>
  84. <tr>
  85. <td class="col-xs-3">John</td>
  86. <td class="col-xs-3">Doe</td>
  87. <td class="col-xs-6">johndoe@email.com</td>
  88. </tr>
  89. <tr>
  90. <td class="col-xs-3">John</td>
  91. <td class="col-xs-3">Doe</td>
  92. <td class="col-xs-6">johndoe@email.com</td>
  93. </tr>
  94. <tr>
  95. <td class="col-xs-3">John</td>
  96. <td class="col-xs-3">Doe</td>
  97. <td class="col-xs-6">johndoe@email.com</td>
  98. </tr>
  99. <tr>
  100. <td class="col-xs-3">John</td>
  101. <td class="col-xs-3">Doe</td>
  102. <td class="col-xs-6">johndoe@email.com</td>
  103. </tr>
  104. <tr>
  105. <td class="col-xs-3">John</td>
  106. <td class="col-xs-3">Doe</td>
  107. <td class="col-xs-6">johndoe@email.com</td>
  108. </tr>
  109. <tr>
  110. <td class="col-xs-3">John</td>
  111. <td class="col-xs-3">Doe</td>
  112. <td class="col-xs-6">johndoe@email.com</td>
  113. </tr>
  114. <tr>
  115. <td class="col-xs-3">John</td>
  116. <td class="col-xs-3">Doe</td>
  117. <td class="col-xs-6">johndoe@email.com</td>
  118. </tr>
  119. <tr>
  120. <td class="col-xs-3">John</td>
  121. <td class="col-xs-3">Doe</td>
  122. <td class="col-xs-6">johndoe@email.com</td>
  123. </tr>
  124. <tr>
  125. <td class="col-xs-3">John</td>
  126. <td class="col-xs-3">Doe</td>
  127. <td class="col-xs-6">johndoe@email.com</td>
  128. </tr>
  129. <tr>
  130. <td class="col-xs-3">John</td>
  131. <td class="col-xs-3">Doe</td>
  132. <td class="col-xs-6">johndoe@email.com</td>
  133. </tr>
  134. <tr>
  135. <td class="col-xs-3">John</td>
  136. <td class="col-xs-3">Doe</td>
  137. <td class="col-xs-6">johndoe@email.com</td>
  138. </tr>
  139. </tbody>
  140. </table>
  141. </div>
  142.  
  143. <div style="overflow-y:auto; max-height: 100px">
  144. <table id="table" class="table table-condensed table-hover globalVariablesTable table-striped">
  145.  
  146. <tr>
  147. <th><strong>Variable Names</strong></th>
  148. <th><strong>Values</strong></th>
  149. <th><strong>Actions</strong></th>
  150. </tr>
  151. <tbody>
  152. <tr>
  153. <td><strong>Variable Names</strong></td>
  154. <td><strong>Values</strong></td>
  155. <td><strong>Actions</strong></td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. </div>
Add Comment
Please, Sign In to add comment