从HTML嵌套表中删除默认单元格填充

Question

我有一个父表，tr标签中的每个td标签都包含一个子表（例如 - 图中的Data WS-C3 ....）。

[![<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>]

由于右列中的元素较少，因此添加默认填充以匹配左列的大小。我想在添加新PID之后立即显示右列的3行。如何删除右列中的默认填充？我试过givng span = 0但它不起作用。请知道

https://i.stack.imgur.com/3OUz3.png

Answer 1

试试这个css：

tr td {
  padding: 0px !important;
}