HTML
<!DOCTYPE html>
<html>
<head>
</head>
<body >
<table style="border-collapse: collapse; border: 2px solid blue; ">
<h2>Пример сложной таблицы</h2>
<tr style="background-color: #888888; border: 2px solid blue; color: white; " >
<th style="padding: 5px; text-align: center; ">Название1 </th>
<th style="padding: 5px; text-align: center;">Название2 </th>
<th style="padding: 5px;text-align: center;">Ещё название </th>
<th style="padding: 5px; text-align: center;">Куча элементов </th>
<th style="padding: 5px; text-align: center;">Список1 </th>
<th style="padding: 5px; text-align: center;">Список2 </th>
</tr>
<tr >
<td rowspan="11" style=" border: 2px solid blue; text-align: center;">JPMC</td>
<td rowspan="5" style=" border: 2px solid blue; "> CST</td>
<td rowspan="3" style=" border: 2px solid blue; ">CT</td>
<td style=" border: 2px solid blue;">ADS</td>
<td style=" border: 2px solid blue; text-align: center;">1</td>
<td style=" border: 2px solid blue; text-align: center;"> 10</td>
</tr>
<tr >
<td style=" border: 2px solid blue;">BTO</td>
<td style=" border: 2px solid blue; text-align: center;">2</td>
<td style=" border: 2px solid blue; text-align: center;">15</td>
</tr>
<tr>
<td style=" border: 2px solid blue;">CSI</td>
<td style=" border: 2px solid blue; text-align: center;">3</td>
<td style=" border: 2px solid blue; text-align: center;">16</td>
</tr>
<tr>
<td rowspan="2" style=" border: 2px solid blue; text-align: center;">VCT</td>
<td style=" border: 2px solid blue;">ADS</td>
<td style=" border: 2px solid blue; text-align: center;">4</td>
<td style=" border: 2px solid blue; text-align: center;">10</td>
</tr>
<tr>
<td style=" border: 2px solid blue;">BTO</td>
<td style=" border: 2px solid blue; text-align: center;">5</td>
<td style=" border: 2px solid blue; text-align: center;">15</td>
</tr>
<tr>
<td colspan="3" style="text-align: right;" >Sub Total</td>
<td style=" border: 2px solid blue; text-align: center;">6</td>
<td style="border: 2px solid blue; text-align: center;">15</td>
</tr>
<tr >
<td rowspan="4" style=" border: 2px solid blue;"> CST</td>
<td rowspan="3" style=" border: 2px solid blue;">CT</td>
<td style=" border: 2px solid blue;">ADS</td>
<td style=" border: 2px solid blue; text-align: center; ">7</td>
<td style=" border: 2px solid blue; text-align: center;"> 10</td>
</tr>
<tr>
<td style=" border: 2px solid blue;">BTO</td>
<td style=" border: 2px solid blue; text-align: center;">8</td>
<td style=" border: 2px solid blue; text-align: center;">15</td>
</tr>
<tr>
<td style=" border: 2px solid blue;">CSI</td>
<td style=" border: 2px solid blue;text-align: center;">9</td>
<td style=" border: 2px solid blue;text-align: center;">16</td>
</tr>
<tr>
<td style=" border: 2px solid blue; text-align: center;">VCT</td>
<td style=" border: 2px solid blue;">ADS</td>
<td style="border: 2px solid blue;text-align: center;">10</td>
<td style=" border: 2px solid blue;text-align: center;">10</td>
</tr>
<tr>
<td colspan="3" style="text-align: right;">Sub Total</td>
<td style=" border: 2px solid blue; text-align: center;">11</td>
<td style=" border: 2px solid blue; text-align: center;">15</td>
</tr>
</body>
</html>
