I'm currently working on a website project and I'm looking to incorporate a table similar to the one shown in the image. While I am familiar with HTML tables, I'm struggling to recreate this specific layout. Despite my best efforts, I haven't been able to achieve the desired outcome. Any guidance or tips on how to develop this particular table would be greatly appreciated.
https://i.sstatic.net/MpuNt.png
<table class="table table-bordered table-responsive" style="border-collapse: collapse; text-align: center; float: right;" border="1">
<tbody>
<tr>
<td></td>
<td style="text-align: center;" colspan="2">Table Data</td>
</tr>
<tr>
<th>Type </th>
<th>Orders<br />Phone/Fax/Email/Post</th>
<th>Number</th>
</tr>
</tbody>
<tbody>
<tr>
<td>Type 1</td>
<td>Order 1</td>
<td>Num 1</td>
</tr>
<tr>
<td>Type 2</td>
<td>Order 2</td>
<td>Num 2</td>
</tr>
<tr>
<td>Type 3</td>
<td>Order 3</td>
<td>Num 3</td>
</tr>
<tr>
<td>Type 4</td>
<td>Order 4</td>
<td>Num 4</td>
</tr>
<tr>
<td>Type 5</td>
<td>Order 5</td>
<td>Num 5</td>
</tr>
</tbody>
</table>The code provided above has not yielded the desired output that I am aiming for.