Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <style>
- table {
- font-family: arial, sans-serif;
- border-collapse: collapse;
- width: 100%;
- }
- td, th {
- border: 1px solid #dddddd;
- text-align: left;
- padding: 8px;
- min-width: 120px;
- }
- tr:nth-child(even) {
- background-color: #dddddd;
- }
- </style>
- </head>
- <body>
- <h2>HTML Table</h2>
- <div style="width:1220px; overflow-x:scroll;">
- <table>
- <theader>
- <tr>
- <th colspan="3">K10</th>
- <th colspan="6">DATE</th>
- </tr>
- <tr>
- <th colspan="1" rowspan="2">CALCULATION</th>
- <th colspan="1" rowspan="2">NUMBERS</th>
- <th colspan="3">ANALYSIS</th>
- <th colspan="4">PROJECTION</th>
- </tr>
- <tr>
- <th >S</th>
- <th >S</th>
- <th >B 1</th>
- <th >5</th>
- <th > 10</th>
- <th >15</th>
- <th >20</th>
- </tr>
- </theader>
- <tbody>
- <tr>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- </tr>
- </tbody>
- </table>
- </div>
- <div style="width:1220px; overflow-x: scroll">
- <table>
- <theader>
- <tr>
- <th>K10</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>K10</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- <th>DATE</th>
- </tr>
- </theader>
- <tbody>
- <tr>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- <td >Company 1</td>
- <td >Contact</td>
- </tr>
- </tbody>
- </table>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement