In my setup, there is a parent table where each td tag in the tr tag contains a child table. Specifically, as shown in the example with Data WS-C3.... in the picture.
[![<table class="table table--bordered table--nostripes table-top">
<thead>
<th>PID</th>
<th>Base Licence</th>
</thead>
<tbody>
<tr>
<td>
<a (click)="addNewPid()">Add New PID</a>
</td>
<td><a (click)="addNewPid()">Add New PID</a></td>
</tr>
<tr>
<td>
<custom-table here ></custom-table>
</td>
<td>
<custom-table here></custom-table>
</td>
</tr>
</tbody>
</table>]
One issue I encountered is that due to having fewer elements in the right column, there is default padding being added to match the size of the left column. My goal is to display those 3 rows of the right column immediately after "Add new PID". However, I am struggling to remove the default padding present in the right column. I attempted setting span=0 but it did not work. Any suggestions or ideas would be greatly appreciated.