Advertisement
Guest User

Untitled

a guest
Feb 24th, 2020
116
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.00 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. table {
  6. font-family: arial, sans-serif;
  7. border-collapse: collapse;
  8. width: 100%;
  9. }
  10.  
  11. td, th {
  12. border: 1px solid #dddddd;
  13. text-align: left;
  14. padding: 8px;
  15. min-width: 120px;
  16. }
  17.  
  18. tr:nth-child(even) {
  19. background-color: #dddddd;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24.  
  25. <h2>HTML Table</h2>
  26. <div style="width:1250px; overflow-x:hidden;">
  27. <table>
  28. <theader>
  29. <tr>
  30. <th colspan="3">K10</th>
  31. <th colspan="6">DATE</th>
  32. </tr>
  33. <tr>
  34. <th colspan="1" rowspan="2">CALCULATION</th>
  35. <th colspan="1" rowspan="2">NUMBERS</th>
  36. <th colspan="3">ANALYSIS</th>
  37. <th colspan="4">PROJECTION</th>
  38. </tr>
  39. <tr>
  40. <th >S</th>
  41. <th >S</th>
  42. <th >B 1</th>
  43. <th >5</th>
  44. <th > 10</th>
  45. <th >15</th>
  46. <th >20</th>
  47. </tr>
  48. </theader>
  49. <tbody>
  50. <tr>
  51. <td >Company 1</td>
  52. <td >Contact</td>
  53. <td >Company 1</td>
  54. <td >Contact</td>
  55. <td >Company 1</td>
  56. <td >Contact</td>
  57. <td >Company 1</td>
  58. <td >Contact</td>
  59. <td >Company 1</td>
  60. </tr>
  61. </tbody>
  62.  
  63. </table>
  64. </div>
  65.  
  66. <div style="width:1250px; overflow-x: scroll">
  67. <table>
  68. <theader>
  69. <tr>
  70. <th>K10</th>
  71. <th>DATE</th>
  72. <th>DATE</th>
  73. <th>DATE</th>
  74. <th>DATE</th>
  75. <th>DATE</th>
  76. <th>DATE</th>
  77. <th>DATE</th>
  78. <th>DATE</th>
  79. <th>DATE</th>
  80. <th>DATE</th>
  81. <th>DATE</th>
  82. <th>DATE</th>
  83. <th>DATE</th>
  84. <th>DATE</th>
  85. <th>DATE</th>
  86. <th>DATE</th>
  87. <th>K10</th>
  88. <th>DATE</th>
  89. <th>DATE</th>
  90. <th>DATE</th>
  91. <th>DATE</th>
  92. <th>DATE</th>
  93. <th>DATE</th>
  94. <th>DATE</th>
  95. <th>DATE</th>
  96. <th>DATE</th>
  97. <th>DATE</th>
  98. <th>DATE</th>
  99. <th>DATE</th>
  100. <th>DATE</th>
  101. <th>DATE</th>
  102. </tr>
  103. </theader>
  104. <tbody>
  105. <tr>
  106. <td >Company 1</td>
  107. <td >Contact</td>
  108. <td >Company 1</td>
  109. <td >Contact</td>
  110. <td >Company 1</td>
  111. <td >Contact</td>
  112. <td >Company 1</td>
  113. <td >Contact</td>
  114. <td >Company 1</td>
  115. <td >Contact</td>
  116. <td >Company 1</td>
  117. <td >Contact</td>
  118. <td >Company 1</td>
  119. <td >Contact</td>
  120. <td >Company 1</td>
  121. <td >Contact</td>
  122. <td >Company 1</td>
  123. <td >Contact</td>
  124. <td >Company 1</td>
  125. <td >Contact</td>
  126. <td >Company 1</td>
  127. <td >Contact</td>
  128. <td >Company 1</td>
  129. <td >Contact</td>
  130. <td >Company 1</td>
  131. <td >Contact</td>
  132. <td >Company 1</td>
  133. <td >Contact</td>
  134. <td >Company 1</td>
  135. <td >Contact</td>
  136. <td >Company 1</td>
  137. <td >Contact</td>
  138. </tr>
  139. </tbody>
  140.  
  141. </table>
  142. </div>
  143.  
  144.  
  145. </body>
  146. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement